404 Blog Not Found

今度は、JavaScriptで。

• 404 Blog Not Found:perl - URI::Escape::XS 0.04 - URI Encode と Punycode の共存

デモ

以下のフィールドで相互変換できるようになっています。

全部encodeURIComponent()してしまう版と、「日本語URL変換ツール 〜 ピュニコード(Punycode)・UTF-8などのエンコードに」のように「URIのASCII化」だけする版と両方あります。

テスト用のリンク

• http://日本語.jp/カ/ひ?a=漢
• http://xn--wgv71a119e.jp/%E3%82%AB/%E3%81%B2?a=%E6%BC%A2

ソース

で、punycode.jsにマイナーバグを見つけたのでご報告。英数字だけの文字列を入れると、尻に余計な-が付きます。本entryのscriptへの影響はありません。punycode化が不要な場合はすっとばすようになっているので。

var re_fullstop = new RegExp(
    '[\u002E\u0589\u06D4\u0701\u0702\u1362\u166E\u1803'
  + '\u1809\u2CF9\u2CFE\u3002\uFE12\uFE52\uFF0E\uFF61]'
);

decodeIDN = function(str){
    return str.replace(/xn--([0-9a-z\-]+)/g, function(m0, m1){
        return Punycode.decode(m1);
    });
};

encodeIDN = function(str){
    var words = str.toLowerCase().split(re_fullstop);
    for (var i = 0, l = words.length; i < l; i++){
        if (! words[i].match(/[^0-9a-z\-]/)) continue;
        words[i] = 'xn--' + Punycode.encode(words[i]);
    }
    return words.join('.');
};

decodeURIComponentIDN = function(uri){
    return decodeURIComponent(uri).replace(/\:\/\/([^\/]+)/, function(m0,m1){
        return '://' + decodeIDN(m1);
    });

};

encodeURIComponentIDN = function(str){
    return encodeURIComponent(str.replace(/\:\/\/([^\/]+)/, function(m0,m1){
        return '://' + encodeIDN(m1);
    }));
};

unicodeToURI = function(str){
    return str.replace(/\:\/\/([^\/]+)/, function(m0,m1){
        return '://' + encodeIDN(m1);
    }).replace(/[^A-Za-z0-9_\;\/\?\:\@\&\=\+\$\,\[\]\-_\.\!\~\*\(\)]+/g,
        function(m0){
            return encodeURIComponent(m0);
    });
};

Enjoy!

Dan the Man with too Many Encodings to Support