Simple i18n support for your Angular apps
Easy ways to create a translation mechanism for your Angular and Ionic applications that does not rely on third-party libraries.
In this article, I am going to show a quick and easy way to provide a translation (aka i18n) support for your Angular and Ionic applications.
You may wish to detect idle users and respond, for example, to log them out so their sensitive data is protected, or taunt them, or whatever. I don't care.
This module will include a variety of services and directives to help you in this task.
I've been doing some work the last couple of weeks with Angular2. I really like it. Not just because it uses typescript, but also because it feels really natural and straightforward while working with it. No more string based dependency injection, or strange digest cycle stuff, it just seems to work. This last week I've migrated our beta-13 Angular app to the latest rc-1, and used that to keep track of the fun and easy stuff Angular 2 provides. Note though, that the application we're developing is really that complex, so I can only assume we'll run into more complex Angular2 features in the near future. For now, though, let me share some general tips and tricks we've encountered thus far (in no particular order). Oh, all examples are in typescript, since after using that, I really don't want to go back to plain old javascript (POJS?).
203 00:16:38,731 --> 00:16:41,325 <i>Happy Christmas, your arse I pray God it's our last</i>
203 00:16:38,731 --> 00:16:41,325 <i>Happy Christmas, your arse I pray God it's our last</i>
private readonly static Regex regex_srt = new Regex(@"(?<sequence>\d+)\r\n(?<start>\d{2}\:\d{2}\:\d{2},\d{3}) --\> " +
@"(?<end>\d{2}\:\d{2}\:\d{2},\d{3})\r\n(?<text>[\s\S]*?)\r\n\r\n", RegexOptions.Compiled);
public string ToUnicode(string lines)
{
string subtitle= regex_srt.Replace(lines,delegate(Match m)
{
string text = m.Groups["text"].Value;
//1.remove tags
text = CleanScriptTags(text);
//2.replace letters
PersianReshape reshaper = new PersianReshape();
text = reshaper.reshape(text);
string[] splitedlines = text.Split(new string[] { Environment.NewLine }, StringSplitOptions.None);
text = "";
foreach (string line in splitedlines)
{
//3.reverse tags
text += ReverseText(reshaper.reshape(line))+Environment.NewLine ;
}
return
string.Format("{0}\r\n{1} --> {2}\r\n", m.Groups["sequence"], m.Groups["start"].Value,
m.Groups["end"]) + text + Environment.NewLine+Environment.NewLine ;
}
);
return subtitle;
} m.Groups["text"].Value
private static readonly Regex regex_tags = new Regex("<.*?>", RegexOptions.Compiled);
private string CleanScriptTags(string html)
{
return regex_tags.Replace(html, string.Empty);
} PersianReshape reshaper = new PersianReshape();
text = reshaper.reshape(text);
string[] splitedlines = text.Split(new string[] { Environment.NewLine }, StringSplitOptions.None);
text = "";
foreach (string line in splitedlines)
{
//3.reverse tags
text += ReverseText(reshaper.reshape(line))+Environment.NewLine ;
} Dictionary<int ,int> letters=new Dictionary<int, int>();
//0=0x0 ,1=1x0 ,2=0x1 ,3=1x1
private void FillPrimaryTable()
{
//آ
letters.Add(1570, 65153);
//ا
letters.Add(1575, 65166);
//أ
letters.Add(1571, 65155);
//ب
letters.Add(1576, 65167);
//ت
letters.Add(1578, 65173);
//ث
letters.Add(1579, 65177);
//ج
letters.Add(1580, 65181);
.....
}
Dictionary<int,byte> specialchars=new Dictionary<int, byte>();
private void SetSpecialChars()
{
//آ
specialchars.Add(1570, 0);
//ا
specialchars.Add(1575, 0);
//د2
specialchars.Add(1583, 1);
//ذ2
specialchars.Add(1584, 1);
//ر2
specialchars.Add(1585, 1);
//ز2
specialchars.Add(1586, 1);
//ژ
specialchars.Add(1688, 1);
//و2
specialchars.Add(1608, 1);
//أ
specialchars.Add(1571, 1);
} PersianReshape reshaper = new PersianReshape();
text = reshaper.reshape(text); //3.reverse tags
text = ReverseText(text); string[] splitedlines = text.Split(new string[] { Environment.NewLine }, StringSplitOptions.None);
text = "";
foreach (string line in splitedlines)
{
//3.reverse tags
text += ReverseText(reshaper.reshape(line))+Environment.NewLine ;
} private string Reverse(string text)
{
return Reverse(text,0,text.Length);
}
private string Reverse(string text,int start,int end)
{
if (end < start)
return text;
string reverseText = "";
for (int i = end-1; i >=start; i--)
{
reverseText += text[i];
}
return reverseText;
} private string ReverseText(string text)
{
char[] chararray = text.ToCharArray();
string reverseText = "";
bool prefixcomp = false;
bool postfixcomp = false;
string prefix = "";
string postfix = "";
#region get prefix symbols
for (int i = 0; i < chararray.Length; i++)
{
if (!prefixcomp)
{
char ch =(char) chararray.GetValue(i) ;
if (ch< 130)
{
prefix += chararray.GetValue(i);
}
else
{
prefixcomp = true;
break;
}
}
}
#endregion
} #region get postfix symbols
for (int i = chararray.Length - 1; i >-1 ; i--)
{
if (!postfixcomp && prefix.Length!=text.Length)
{
char ch = (char)chararray.GetValue(i);
if (ch < 130)
{
postfix += chararray.GetValue(i);
}
else
{
postfixcomp = true;
break;
}
}
}
#endregion #region reverse text
reverseText = Reverse(text, prefix.Length, text.Length-postfix.Length);
reverseText = unTagetdLettersRegex.Replace(reverseText, delegate(Match m)
{
return Reverse(m.Value);
});
#endregion private static readonly Regex unTagetdLettersRegex = new Regex(@"[A-Za-z0-9]+", RegexOptions.Compiled);
return prefix+ reverseText+postfix;
private static readonly Regex unTagetdLettersRegex = new Regex(@"[A-Za-z0-9]+", RegexOptions.Compiled);
private string ReverseText(string text)
{
char[] chararray = text.ToCharArray();
string reverseText = "";
bool prefixcomp = false;
bool postfixcomp = false;
string prefix = "";
string postfix = "";
#region get prefix symbols
for (int i = 0; i < chararray.Length; i++)
{
if (!prefixcomp)
{
char ch =(char) chararray.GetValue(i) ;
if (ch< 130)
{
prefix += chararray.GetValue(i);
}
else
{
prefixcomp = true;
break;
}
}
}
#endregion
#region get postfix symbols
for (int i = chararray.Length - 1; i >-1 ; i--)
{
if (!postfixcomp && prefix.Length!=text.Length)
{
char ch = (char)chararray.GetValue(i);
if (ch < 130)
{
postfix += chararray.GetValue(i);
}
else
{
postfixcomp = true;
break;
}
}
}
#endregion
#region reverse text
reverseText = Reverse(text, prefix.Length, text.Length-postfix.Length);
reverseText = unTagetdLettersRegex.Replace(reverseText, delegate(Match m)
{
return Reverse(m.Value);
});
#endregion
return prefix+ reverseText+postfix;
} return
string.Format("{0}\r\n{1} --> {2}\r\n", m.Groups["sequence"], m.Groups["start"].Value,
m.Groups["end"]) + text + Environment.NewLine+Environment.NewLine ; 
%5B(009764)01-51-12%5D.JPG)
//1.remove tags
text = CleanScriptTags(text); text =StringUtils.ConvertToMultiLine(text);
namespace Utils
{
public static class StringUtils
{
public static string ConvertToMultiLine(String text, int min = 30, int max = 40)
{
if (text.Trim() == "")
return text;
string[] words = text.Split(new string[] { " " }, StringSplitOptions.None);
string text1 = "";
string text2 = "";
foreach (string w in words)
{
if (text1.Length < min)
{
if (text1.Length == 0)
{
text1 = w;
continue;
}
if (w.Length + text1.Length <= max)
text1 += " " + w;
}
else
text2 += w + " ";
}
text1 = text1.Trim();
text2 = text2.Trim();
if (text2.Length > 0)
{
text1 += Environment.NewLine + ConvertToMultiLine(text2, min, max);
}
return text1;
}
}
} 
export const Button = ({ onClick }: Props) => {
return <button onClick={onClick}>Click Me</button>;
}; 
import React from "react";
type Props = {
onClick: (e: React.MouseEvent) => void;
};
export const Button = ({ onClick }: Props) => {
return <button onClick={onClick}>Click Me</button>;
}; <Button
onClick={(e) => {
e.preventDefault();
console.log(e);
}}
/> 
import React from "react";
type Props = {
onClick: (e: React.MouseEvent<HTMLButtonElement>) => void;
};
export const Button = ({ onClick }: Props) => {
return <button onClick={onClick}>Click Me</button>;
}; 
import React from "react";
type Props = {
onClick: (e: React.MouseEvent<HTMLButtonElement>) => void;
onChange?: (e: React.FormEvent<HTMLInputElement>) => void;
};
export const Button = ({ onClick, onChange }: Props) => {
return (
<>
<input onChange={onChange} />
<button onClick={onClick}>Click Me</button>
</>
);
}; {
"dependencies": {
"@types/react": "^16.9.35",
"@types/react-dom": "^16.9.8",
}, import React, { FormEvent } from "react";
type Props = {
onChange?: (e: FormEvent<HTMLInputElement>) => void;
}; <Button
onClick={(e) => {
e.preventDefault();
console.log(e);
}}
>
Hello world!
</Button> import React, { FormEvent } from "react";
type Props = {
onClick: (e: React.MouseEvent<HTMLButtonElement>) => void;
onChange?: (e: FormEvent<HTMLInputElement>) => void;
children: string;
};
export const Button = ({ onClick, onChange, children }: Props) => {
return (
<>
<input onChange={onChange} />
<button onClick={onClick}>{children}</button>
</>
);
}; <Button
onClick={(e) => {
e.preventDefault();
console.log(e);
}}
>
<img src={logo} className="App-logo" alt="logo" />
</Button> 
import React, { FormEvent } from "react";
type Props = {
onClick: (e: React.MouseEvent<HTMLButtonElement>) => void;
onChange?: (e: FormEvent<HTMLInputElement>) => void;
// children: HTMLImageElement;
};
export const Button: React.FC<Props> = ({ onClick, onChange, children }) => {
return (
<>
<input onChange={onChange} />
<button onClick={onClick}>{children}</button>
</>
);
}; 
These are the customer-reported issues addressed in 15.7.4:
Git Security Vulnerability
We also fixed a security vulnerability in Git that was disclosed by the Git community. The vulnerability can lead to arbitrary code execution when a user clones a malicious repository. This blog post has more information.
There are two supported choices of runtime for building server-side applications with .NET: .NET Framework and .NET Core. Both share a lot of the same .NET platform components and you can share code across the two. However, there are fundamental differences between the two and your choice will depend on what you want to accomplish. This article provides guidance on when to use each.
You might not sign up for all of them (particularly those around classes and inheritance), but these ‘Uncle Bob’-inspired tips might help you think more about how you name things and structure your code.
