You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

l10n.js 8.5KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349
  1. /**
  2. * Copyright (c) 2014 Vincent Petry <pvince81@owncloud.com>
  3. *
  4. * This file is licensed under the Affero General Public License version 3
  5. * or later.
  6. *
  7. * See the COPYING-README file.
  8. *
  9. */
  10. import _ from 'underscore'
  11. import $ from 'jquery'
  12. import DOMPurify from 'dompurify'
  13. import Handlebars from 'handlebars'
  14. import escapeHTML from 'escape-html'
  15. import OC from './index'
  16. import {
  17. getAppTranslations,
  18. hasAppTranslations,
  19. registerAppTranslations,
  20. unregisterAppTranslations
  21. } from './l10n-registry'
  22. /**
  23. * L10N namespace with localization functions.
  24. *
  25. * @namespace OC.L10n
  26. */
  27. const L10n = {
  28. /**
  29. * Load an app's translation bundle if not loaded already.
  30. *
  31. * @param {String} appName name of the app
  32. * @param {Function} callback callback to be called when
  33. * the translations are loaded
  34. * @returns {Promise} promise
  35. */
  36. load: function(appName, callback) {
  37. // already available ?
  38. if (hasAppTranslations(appName) || OC.getLocale() === 'en') {
  39. var deferred = $.Deferred()
  40. var promise = deferred.promise()
  41. promise.then(callback)
  42. deferred.resolve()
  43. return promise
  44. }
  45. var self = this
  46. var url = OC.filePath(appName, 'l10n', OC.getLocale() + '.json')
  47. // load JSON translation bundle per AJAX
  48. return $.get(url)
  49. .then(
  50. function(result) {
  51. if (result.translations) {
  52. self.register(appName, result.translations, result.pluralForm)
  53. }
  54. })
  55. .then(callback)
  56. },
  57. /**
  58. * Register an app's translation bundle.
  59. *
  60. * @param {String} appName name of the app
  61. * @param {Object<String,String>} bundle bundle
  62. */
  63. register: function(appName, bundle) {
  64. registerAppTranslations(appName, bundle, this._getPlural)
  65. },
  66. /**
  67. * @private do not use this
  68. */
  69. _unregister: unregisterAppTranslations,
  70. /**
  71. * Translate a string
  72. * @param {string} app the id of the app for which to translate the string
  73. * @param {string} text the string to translate
  74. * @param {Object} [vars] map of placeholder key to value
  75. * @param {number} [count] number to replace %n with
  76. * @param {array} [options] options array
  77. * @param {bool} [options.escape=true] enable/disable auto escape of placeholders (by default enabled)
  78. * @returns {string}
  79. */
  80. translate: function(app, text, vars, count, options) {
  81. var defaultOptions = {
  82. escape: true
  83. }
  84. var allOptions = options || {}
  85. _.defaults(allOptions, defaultOptions)
  86. // TODO: cache this function to avoid inline recreation
  87. // of the same function over and over again in case
  88. // translate() is used in a loop
  89. var _build = function(text, vars, count) {
  90. return text.replace(/%n/g, count).replace(/{([^{}]*)}/g,
  91. function(a, b) {
  92. var r = vars[b]
  93. if (typeof r === 'string' || typeof r === 'number') {
  94. if (allOptions.escape) {
  95. return DOMPurify.sanitize(escapeHTML(r))
  96. } else {
  97. return DOMPurify.sanitize(r)
  98. }
  99. } else {
  100. return DOMPurify.sanitize(a)
  101. }
  102. }
  103. )
  104. }
  105. var translation = text
  106. var bundle = getAppTranslations(app)
  107. var value = bundle.translations[text]
  108. if (typeof (value) !== 'undefined') {
  109. translation = value
  110. }
  111. if (typeof vars === 'object' || count !== undefined) {
  112. return DOMPurify.sanitize(_build(translation, vars, count))
  113. } else {
  114. return DOMPurify.sanitize(translation)
  115. }
  116. },
  117. /**
  118. * Translate a plural string
  119. * @param {string} app the id of the app for which to translate the string
  120. * @param {string} textSingular the string to translate for exactly one object
  121. * @param {string} textPlural the string to translate for n objects
  122. * @param {number} count number to determine whether to use singular or plural
  123. * @param {Object} [vars] map of placeholder key to value
  124. * @param {array} [options] options array
  125. * @param {bool} [options.escape=true] enable/disable auto escape of placeholders (by default enabled)
  126. * @returns {string} Translated string
  127. */
  128. translatePlural: function(app, textSingular, textPlural, count, vars, options) {
  129. const identifier = '_' + textSingular + '_::_' + textPlural + '_'
  130. const bundle = getAppTranslations(app)
  131. const value = bundle.translations[identifier]
  132. if (typeof (value) !== 'undefined') {
  133. var translation = value
  134. if ($.isArray(translation)) {
  135. var plural = bundle.pluralFunction(count)
  136. return this.translate(app, translation[plural], vars, count, options)
  137. }
  138. }
  139. if (count === 1) {
  140. return this.translate(app, textSingular, vars, count, options)
  141. } else {
  142. return this.translate(app, textPlural, vars, count, options)
  143. }
  144. },
  145. /**
  146. * The plural function taken from symfony
  147. *
  148. * @param {number} number the number of elements
  149. * @returns {number}
  150. * @private
  151. */
  152. _getPlural: function(number) {
  153. var language = OC.getLanguage()
  154. if (language === 'pt_BR') {
  155. // temporary set a locale for brazilian
  156. language = 'xbr'
  157. }
  158. if (typeof language === 'undefined' || language === '') {
  159. return (number === 1) ? 0 : 1
  160. }
  161. if (language.length > 3) {
  162. language = language.substring(0, language.lastIndexOf('_'))
  163. }
  164. /*
  165. * The plural rules are derived from code of the Zend Framework (2010-09-25),
  166. * which is subject to the new BSD license (http://framework.zend.com/license/new-bsd).
  167. * Copyright (c) 2005-2010 Zend Technologies USA Inc. (http://www.zend.com)
  168. */
  169. switch (language) {
  170. case 'az':
  171. case 'bo':
  172. case 'dz':
  173. case 'id':
  174. case 'ja':
  175. case 'jv':
  176. case 'ka':
  177. case 'km':
  178. case 'kn':
  179. case 'ko':
  180. case 'ms':
  181. case 'th':
  182. case 'tr':
  183. case 'vi':
  184. case 'zh':
  185. return 0
  186. case 'af':
  187. case 'bn':
  188. case 'bg':
  189. case 'ca':
  190. case 'da':
  191. case 'de':
  192. case 'el':
  193. case 'en':
  194. case 'eo':
  195. case 'es':
  196. case 'et':
  197. case 'eu':
  198. case 'fa':
  199. case 'fi':
  200. case 'fo':
  201. case 'fur':
  202. case 'fy':
  203. case 'gl':
  204. case 'gu':
  205. case 'ha':
  206. case 'he':
  207. case 'hu':
  208. case 'is':
  209. case 'it':
  210. case 'ku':
  211. case 'lb':
  212. case 'ml':
  213. case 'mn':
  214. case 'mr':
  215. case 'nah':
  216. case 'nb':
  217. case 'ne':
  218. case 'nl':
  219. case 'nn':
  220. case 'no':
  221. case 'oc':
  222. case 'om':
  223. case 'or':
  224. case 'pa':
  225. case 'pap':
  226. case 'ps':
  227. case 'pt':
  228. case 'so':
  229. case 'sq':
  230. case 'sv':
  231. case 'sw':
  232. case 'ta':
  233. case 'te':
  234. case 'tk':
  235. case 'ur':
  236. case 'zu':
  237. return (number === 1) ? 0 : 1
  238. case 'am':
  239. case 'bh':
  240. case 'fil':
  241. case 'fr':
  242. case 'gun':
  243. case 'hi':
  244. case 'hy':
  245. case 'ln':
  246. case 'mg':
  247. case 'nso':
  248. case 'xbr':
  249. case 'ti':
  250. case 'wa':
  251. return ((number === 0) || (number === 1)) ? 0 : 1
  252. case 'be':
  253. case 'bs':
  254. case 'hr':
  255. case 'ru':
  256. case 'sh':
  257. case 'sr':
  258. case 'uk':
  259. return ((number % 10 === 1) && (number % 100 !== 11)) ? 0 : (((number % 10 >= 2) && (number % 10 <= 4) && ((number % 100 < 10) || (number % 100 >= 20))) ? 1 : 2)
  260. case 'cs':
  261. case 'sk':
  262. return (number === 1) ? 0 : (((number >= 2) && (number <= 4)) ? 1 : 2)
  263. case 'ga':
  264. return (number === 1) ? 0 : ((number === 2) ? 1 : 2)
  265. case 'lt':
  266. return ((number % 10 === 1) && (number % 100 !== 11)) ? 0 : (((number % 10 >= 2) && ((number % 100 < 10) || (number % 100 >= 20))) ? 1 : 2)
  267. case 'sl':
  268. return (number % 100 === 1) ? 0 : ((number % 100 === 2) ? 1 : (((number % 100 === 3) || (number % 100 === 4)) ? 2 : 3))
  269. case 'mk':
  270. return (number % 10 === 1) ? 0 : 1
  271. case 'mt':
  272. return (number === 1) ? 0 : (((number === 0) || ((number % 100 > 1) && (number % 100 < 11))) ? 1 : (((number % 100 > 10) && (number % 100 < 20)) ? 2 : 3))
  273. case 'lv':
  274. return (number === 0) ? 0 : (((number % 10 === 1) && (number % 100 !== 11)) ? 1 : 2)
  275. case 'pl':
  276. return (number === 1) ? 0 : (((number % 10 >= 2) && (number % 10 <= 4) && ((number % 100 < 12) || (number % 100 > 14))) ? 1 : 2)
  277. case 'cy':
  278. return (number === 1) ? 0 : ((number === 2) ? 1 : (((number === 8) || (number === 11)) ? 2 : 3))
  279. case 'ro':
  280. return (number === 1) ? 0 : (((number === 0) || ((number % 100 > 0) && (number % 100 < 20))) ? 1 : 2)
  281. case 'ar':
  282. return (number === 0) ? 0 : ((number === 1) ? 1 : ((number === 2) ? 2 : (((number % 100 >= 3) && (number % 100 <= 10)) ? 3 : (((number % 100 >= 11) && (number % 100 <= 99)) ? 4 : 5))))
  283. default:
  284. return 0
  285. }
  286. }
  287. }
  288. export default L10n
  289. /**
  290. * Returns the user's locale as a BCP 47 compliant language tag
  291. *
  292. * @returns {String} locale string
  293. */
  294. export const getCanonicalLocale = () => {
  295. const locale = getLocale()
  296. return typeof locale === 'string' ? locale.replace(/_/g, '-') : locale
  297. }
  298. /**
  299. * Returns the user's locale
  300. *
  301. * @returns {String} locale string
  302. */
  303. export const getLocale = () => $('html').data('locale')
  304. /**
  305. * Returns the user's language
  306. *
  307. * @returns {String} language string
  308. */
  309. export const getLanguage = () => $('html').prop('lang')
  310. Handlebars.registerHelper('t', function(app, text) {
  311. return L10n.translate(app, text)
  312. })