0.6.x/js/06_net/00_XNet.js

   1 // TODO  onlineevent offlineevent, netspeed\r
   2 // local への通信に対しては、netspeed を更新しない\r
   3 \r
   4 // http://bugs.jquery.com/ticket/2709\r
   5 // <head><base> がある場合、<script>の追加に失敗する\r
   6 \r
   7 \r
   8 \r
   9 /**\r
  10  * <p>busy() メソッドだけを持つ。通信用のプロパティは X.Pair によって隠蔽される。\r
  11  * <h4>通信のキャンセル</h4>\r
  12  * <p>kill() で通信待ち中はキャンセル&破棄、通信中の場合は通信の中断&破棄を行う。SUCCESS, ERROR, TIMEOUT イベント以降は kill() は無視される。\r
  13  * <h4>イベント</h4>\r
  14  * <dl>\r
  15  * <dt>X.Event.PROGRESS<dd>通信進行状況\r
  16  * <dt>X.Event.SUCCESS<dd>通信成功\r
  17  * <dt>X.Event.ERROR<dd>通信エラー\r
  18  * <dt>X.Event.TIMEOUT<dd>通信タイムアウト\r
  19  * <dt>X.Event.CANCELED<dd>通信のユーザー、プログラムによるキャンセル\r
  20  * <dt>X.Event.COMPLETE<dd>通信完了。SUCCESS, ERROR, TIMEOUT, CANCELED 後に発生。\r
  21  * </dl>\r
  22  * <p>X.Net インスタンスは COMPLETE 後に自動で破棄される。\r
  23  * <h4>必須プロパティ</h4>\r
  24  * <dl>\r
  25  * <dt>url<dd>URL\r
  26  * <dt>type<dd>'xhr', 'jsonp', 'image', 'img'\r
  27  * <dt>xhr<dd>URL { url : 'hoge', type : 'xhr' } の省略形\r
  28  * <dt>jsonp<dd>URL { url : 'hoge', type : 'jsonp' } の省略形\r
  29  * <dt>image, img<dd>URL { url : 'hoge', type : 'image' } の省略形\r
  30  * </dl>\r
  31  * <h4>XHR 用プロパティ</h4>\r
  32  * <dl>\r
  33  * <dt>method<dd>'GET', 'POST' 未指定かつ postdata を設定している場合、'POST' になる。\r
  34  * <dt>params<dd>url パラメータを object で渡すことが出来る。\r
  35  * <dt>postdata<dd>string, object の場合は X.String.serialize される。\r
  36  * <dt>async<dd>boolean\r
  37  * <dt>username<dd>BASIC 認証\r
  38  * <dt>password<dd>BASIC 認証\r
  39  * <dt>headers<dd>object xhr.setRequestHeader する値\r
  40  * <dt>timeout<dd>タイムアウト ms\r
  41  * <dt>cache<dd>headers[ 'Pragma' ] = 'no-cache' 等を設定するか?\r
  42  * <dt>dataType<dd>'text', 'json', 'xml', 'blob', 'arraybuffer' 等。xhr.responseType に指定する値\r
  43  * <dt>mimeType<dd>'text/xml', 'audio/mpeg' 等。xhr.overrideMimeType する値\r
  44  * <dt>auth<dd>X.OAuth2 インスタンス(OAuth2 サービスの定義)\r
  45  * <dt>getFullHeaders<dd>getAllResponseHeaders() をパースしたハッシュを返す。値は配列になっている。XDR は Content-Type しか取得でいない。\r
  46  * <dt>canUse<dd>未実装。gadget proxy, YQL, <del>YPipes</del> 等のマッシュアップの許可。現在は test : 'gadget' としている\r
  47  * </dl>\r
  48  * \r
  49  * <h4>JSONP 用プロパティ</h4>\r
  50  * <dl>\r
  51  * <dt>params<dd>url パラメータを object で渡すことが出来る。\r
  52  * <dt>callbackName<dd>callback(json) コールバック名が固定されている際に指定。または &callback=hoge 以外の名前でコールバックを指定する場合に params と callbackName に書いておく。url パラメータに callback が無く、callbackName もない場合、フレームワーク内で自動で設定される\r
  53  * <dt>charset<dd>ページと異なるjsonpを読み込む場合に指定 'EUC-JP', 'Shift-JIS' 等 script タグの charset に入る。https://code.google.com/p/ajaxzip3/issues/detail?id=5\r
  54  * <dt>useFireWall<dd>異なるドメインに jsonp を読み込んだ後、xdomain iframe 通信を使ってデータを受け取る。不正なコードの実行を防ぐことが出来る、未実装\r
  55  * </dl>\r
  56  * \r
  57  * <h4>Form 用プロパティ</h4>\r
  58  * <dl>\r
  59  * <dt>params<dd>url パラメータを object で渡すことが出来る。\r
  60  * <dt>method<dd>'GET' or 'POST'\r
  61  * <dt>target<dd>'_self', '_parent', '_top' の場合、ページから離脱する。target を指定せず同一ドメインの場合 response に body.innerHTML が返る。\r
  62  * </dl>\r
  63  * \r
  64  * @alias X.Net\r
  65  * @class 各種ネットワーク機能をラップしインターフェイスを共通化する。\r
  66  * @constructs Net\r
  67  * @extends {EventDispatcher}\r
  68  * @example // XHR - GET\r
  69  * var net = X.Net( { xhr : urlString } )\r
  70  *              .listen( X.Event.PROGRESS )\r
  71  *              .listenOnce( [ X.Event.SUCCESS, X.Event.ERROR, X.Event.TIMEOUT, X.Event.CANCELED ] );\r
  72  * \r
  73  * // XHR - GET \r
  74  * var net = X.Net( urlString );\r
  75  * \r
  76  * // XHR - POST \r
  77  * var net = X.Net( { xhr : urlString, postdata : myData } );\r
  78  * \r
  79  * // JSONP\r
  80  * var net = X.Net( { jsonp : urlString, params : params, callbackName : callbackName, charset : charset, useFireWall : false } );\r
  81  * \r
  82  * // Form\r
  83  * var net = X.Net( { form : urlString, method : 'POST', target : '_self', params : {} } );\r
  84  * \r
  85  * // Image preload & getSize\r
  86  * var net = X.Net( { image : src, sizeDetection : true } );\r
  87  * \r
  88  * // load &lt;script&gt;, &lt;link&gt;\r
  89  */\r
  90 X[ 'Net' ] = X_EventDispatcher[ 'inherits' ](\r
  91                 'X.Net',\r
  92                 X_Class.NONE,\r
  93                 {\r
  94                         'netType'    : '',\r
  95                         'netName'    : '',\r
  96                         'netVersion' : 0,\r
  97                         \r
  98                         'Constructor' : function( urlOrObject, opt_options ){\r
  99                                 var opt, url, type, auth;\r
 100                                 \r
 101                                 if( X_Type_isObject( opt = urlOrObject ) ){\r
 102                                         //{+xhr\r
 103                                         if( X_Type_isString( url = opt[ 'xhr' ] ) ){\r
 104                                                 type = X_NET_TYPE_XHR;\r
 105                                         } else\r
 106                                         //}+xhr\r
 107                                         //{+jsonp\r
 108                                         if( X_Type_isString( url = opt[ 'jsonp' ] ) ){\r
 109                                                 type = X_NET_TYPE_JSONP;\r
 110                                         } else\r
 111                                         //}+jsonp\r
 112                                         //{+netimage\r
 113                                         if( X_Type_isString( url = opt[ 'img' ] || opt[ 'image' ] ) ){\r
 114                                                 type = X_NET_TYPE_IMAGE;\r
 115                                         } else\r
 116                                         //}+netimage\r
 117                                         //{+netform\r
 118                                         if( X_Type_isString( url = opt[ 'form' ] ) ){\r
 119                                                 type = X_NET_TYPE_FORM;\r
 120                                         } else\r
 121                                         //}+netform\r
 122                                         if( !( type = X_NET_NAME_TO_ID[ opt[ 'type' ] ] ) ){\r
 123                                                 //{+dev\r
 124                                                 alert( 'X.Net args error' );\r
 125                                                 //}+dev\r
 126                                                 return;\r
 127                                         } else {\r
 128                                                 url = opt[ 'url' ];\r
 129                                         };\r
 130                                         //{+dev\r
 131                                         if( !X_Type_isString( url ) ){\r
 132                                                 alert( 'X.Net args error' );\r
 133                                                 return;\r
 134                                         };\r
 135                                         //}+dev\r
 136                                 } else\r
 137                                 if( X_Type_isString( urlOrObject ) ){\r
 138                                         url = urlOrObject;\r
 139                                         \r
 140                                         if( X_Type_isObject( opt = opt_options ) ){\r
 141                                                 type = opt[ 'type' ] || X_NET_TYPE_XHR;\r
 142                                         } else {\r
 143                                                 type = X_NET_TYPE_XHR;\r
 144                                                 opt  = { 'url' : url, 'method' : 'GET' };\r
 145                                         };\r
 146                                 //{+dev \r
 147                                 } else {\r
 148                                         alert( 'X.Net args error' );\r
 149                                         return;\r
 150                                 //}+dev\r
 151                                 };\r
 152                                 \r
 153                                 // auth の退避\r
 154                                 if( auth = opt[ 'auth' ] ){\r
 155                                         delete opt[ 'auth' ];\r
 156                                 };\r
 157                                 opt = X_Object_deepCopy( opt );\r
 158                                 if( auth ){\r
 159                                         opt[ 'auth' ] = auth; // auth は deep copy されるとまずい\r
 160                                 };\r
 161                                 \r
 162                                 // params を url に追加\r
 163                                 if( opt[ 'params' ] ){\r
 164                                         url = X_URL_create( url, opt[ 'params' ] );\r
 165                                         delete opt[ 'params' ];\r
 166                                 };                              \r
 167                                 \r
 168                                 if( type === X_NET_TYPE_XHR ){\r
 169                                         opt[ 'method' ] = opt[ 'method' ] || ( opt[ 'postdata' ] ? 'POST' : 'GET' );\r
 170 \r
 171                                         // XDomain 不可 -> Flash, Gears, Silverlight, canUseGadget なら gadget に切替?\r
 172                                         // PUT DELETE UPDATE 不可 -> Flash, Gears, Silverlight, canUseGadget なら gadget に切替?\r
 173                                         // xプロトコル な binary のロード -> gadget 内で proxyURL による XHR\r
 174                                         //  or X_EVENT_ERROR\r
 175                                         \r
 176                                         opt[ 'dataType' ] = opt[ 'dataType' ] || X_URL_getEXT( url );\r
 177                                 };\r
 178                                 \r
 179                                 opt.netType   = type;\r
 180                                 opt[ 'url'  ] = url;                            \r
 181                                 \r
 182                                 X_Pair_create( this, opt );\r
 183                                 \r
 184                                 this[ 'listen' ]( X_EVENT_KILL_INSTANCE, X_NET_proxyDispatch );\r
 185                                 \r
 186                                 X_NET_QUEUE_LIST[ X_NET_QUEUE_LIST.length ] = this;\r
 187                                 !X_NET_currentQueue && X_NET_shiftQueue();\r
 188                         },\r
 189                         \r
 190                 /**\r
 191                  * 現在通信中か？調べる。false の場合、通信の順番待ちか、通信が終了している。\r
 192                  * @alias Net.prototype.busy\r
 193                  */\r
 194                         'busy' : function(){\r
 195                                 return this === X_NET_currentQueue && X_NET_currentWrapper._busy;\r
 196                         },\r
 197 \r
 198                 /**\r
 199                  * 現在の状態。1:待機中 2:通信中 3:通信完了フェーズ\r
 200                  * @alias Net.prototype.state\r
 201                  */\r
 202                         'state' : function(){\r
 203                                 return this === X_NET_currentQueue ?\r
 204                                         ( X_NET_completePhase ? 3 : 2 ) :\r
 205                                         0 <= X_NET_QUEUE_LIST.indexOf( this ) ? 1 : 0;\r
 206                         }\r
 207                 }\r
 208         );\r
 209 /*\r
 210  * @interface\r
 211  */\r
 212 var X_NET_IWrapper = function(){};\r
 213         X_NET_IWrapper.prototype.load   = function(){};\r
 214         X_NET_IWrapper.prototype.cancel = function(){};\r
 215         X_NET_IWrapper.prototype.reset  = function(){};\r
 216 \r
 217 \r
 218 var X_NET_TYPE_XHR   = 1,\r
 219         X_NET_TYPE_JSONP = 2,\r
 220         X_NET_TYPE_FORM  = 3,\r
 221         X_NET_TYPE_IMAGE = 4,\r
 222 \r
 223         X_NET_NAME_TO_ID = {\r
 224                 'xhr'   : X_NET_TYPE_XHR,\r
 225                 'jsonp' : X_NET_TYPE_JSONP,\r
 226                 'form'  : X_NET_TYPE_FORM,\r
 227                 'img'   : X_NET_TYPE_IMAGE,\r
 228                 'image' : X_NET_TYPE_IMAGE\r
 229         },\r
 230 \r
 231         X_NET_QUEUE_LIST = [],\r
 232 \r
 233         X_NET_XHRWrapper,\r
 234         X_NET_JSONPWrapper,\r
 235         X_NET_FormWrapper,\r
 236         X_NET_ImageWrapper,\r
 237         X_NET_GIMRWrapper,\r
 238 \r
 239         X_NET_currentWrapper,\r
 240         X_NET_currentQueue,\r
 241         X_NET_currentData,\r
 242         X_NET_completePhase;\r
 243 \r
 244 function X_NET_proxyDispatch( e ){\r
 245         var i, flag, auth;\r
 246         \r
 247         switch( e.type ){\r
 248                 case X_EVENT_KILL_INSTANCE :\r
 249                         if( this === X_NET_currentQueue && X_NET_completePhase ){\r
 250                                 X_Pair_release( this );\r
 251                                 X_NET_shiftQueue();\r
 252                                 X_NET_completePhase = false;\r
 253                         } else\r
 254                         if( this === X_NET_currentQueue ){\r
 255                                 X_NET_currentWrapper.cancel();\r
 256                                 X_NET_shiftQueue();\r
 257                                 flag = true;\r
 258                         } else\r
 259                         if( ( i = X_NET_QUEUE_LIST.indexOf( this ) ) !== -1 ){\r
 260                                 X_NET_QUEUE_LIST.splice( i, 1 );\r
 261                                 flag = true;\r
 262                         };\r
 263                         \r
 264                         if( flag ){ // flag が立つ場合、これは中断\r
 265                                 this[ 'dispatch' ]( X_EVENT_CANCELED );\r
 266                                 this[ 'dispatch' ]( { type : X_EVENT_COMPLETE, 'lastEventType' : X_EVENT_CANCELED } );\r
 267                                 X_Pair_release( this );\r
 268                         };\r
 269                         break;                  \r
 270                 case X_EVENT_PROGRESS :\r
 271                         this[ 'dispatch' ]( e );\r
 272                         break;\r
 273                 \r
 274                 case X_EVENT_ERROR :\r
 275                         if( e.status === 401 ){\r
 276                                 if( auth = X_Pair_get( this )[ 'auth' ] ){\r
 277                                         X_Pair_get( auth ).onAuthError( auth, e );\r
 278                                 };\r
 279                         };\r
 280                         \r
 281                 case X_EVENT_SUCCESS :\r
 282                         X_NET_completePhase = true;\r
 283                         this\r
 284                                 [ 'listenOnce' ]( X_EVENT_COMPLETE, X_NET_proxyDispatch )\r
 285                                 [ 'asyncDispatch' ]( e );\r
 286                         this[ 'asyncDispatch' ]( 32, { type : X_EVENT_COMPLETE, 'lastEventType' : e.type } );\r
 287                         break;\r
 288 \r
 289                 case X_EVENT_COMPLETE :\r
 290                         X_Pair_release( this );\r
 291                         X_NET_shiftQueue();\r
 292                         X_NET_completePhase = false;\r
 293                         this[ 'unlisten' ]( X_EVENT_KILL_INSTANCE, X_NET_proxyDispatch );\r
 294                         this[ 'kill' ]();\r
 295                         break;\r
 296         };\r
 297 };\r
 298 \r
 299 function X_NET_shiftQueue(){\r
 300         var auth, authSettings;\r
 301 \r
 302         if( X_NET_currentQueue ){\r
 303                 if( X_NET_currentWrapper._busy ) return;\r
 304                 X_NET_currentWrapper\r
 305                         [ 'unlisten' ]( [ X_EVENT_PROGRESS, X_EVENT_SUCCESS, X_EVENT_ERROR ], X_NET_currentQueue, X_NET_proxyDispatch )\r
 306                         .reset();\r
 307                 X_NET_currentQueue = X_NET_currentWrapper = X_NET_currentData = null;\r
 308         };\r
 309         \r
 310         if( !X_NET_QUEUE_LIST.length ) return;\r
 311 \r
 312         X_NET_currentQueue = X_NET_QUEUE_LIST.shift();\r
 313         X_NET_currentData  = X_Pair_get( X_NET_currentQueue );\r
 314         \r
 315         switch( X_NET_currentData.netType ){\r
 316                 case X_NET_TYPE_XHR :\r
 317                         \r
 318                         // TODO (xProtocol |　method='update' | !cors) & canUse -> gadget.io.makeRequset, flash\r
 319                         // force 'gadget', 'flash'\r
 320                         switch( X_NET_currentData[ 'test' ] ){\r
 321                                 case 'gadget' :\r
 322                                         X_NET_currentWrapper = X_NET_GIMRWrapper || X_TEMP.X_Net_GIMR_init();\r
 323                                         break;\r
 324                                 case 'flash'  :\r
 325                                         break;\r
 326                                 \r
 327                                 default :\r
 328                                         X_NET_currentWrapper = X_NET_XHRWrapper || X_TEMP.X_Net_XHR_init();\r
 329                         };\r
 330                         \r
 331                         \r
 332                         // OAuth2\r
 333                         if( auth = X_NET_currentData[ 'auth' ] ){\r
 334                                 authSettings = X_Pair_get( auth );\r
 335                                 switch( auth[ 'state' ]() ){\r
 336                                         case 0 :\r
 337                                         case 1 :\r
 338                                         case 2 :\r
 339                                                 if( !( auth[ 'dispatch' ]( X_EVENT_NEED_AUTH ) & X_Callback_PREVENT_DEFAULT ) ){\r
 340                                                         authSettings.lazyReq = X_NET_currentQueue;\r
 341                                                 };\r
 342                                                 X_NET_currentQueue = null;\r
 343                                                 X_NET_shiftQueue();\r
 344                                                 break;\r
 345                                         case 3 : // refresh token\r
 346                                                 X_NET_QUEUE_LIST.push( X_NET_currentQueue );\r
 347                                                 X_NET_currentQueue = null;\r
 348                                                 X_NET_shiftQueue();\r
 349                                                 return;\r
 350                                 };\r
 351                                 authSettings.updateRequest( auth, X_NET_currentData );\r
 352                         };\r
 353                         break;\r
 354                 case X_NET_TYPE_JSONP :\r
 355                         X_NET_currentWrapper = X_NET_JSONPWrapper || X_TEMP.X_NET_JSONP_init();\r
 356                         break;\r
 357                 case X_NET_TYPE_FORM :\r
 358                         X_NET_currentWrapper = X_NET_FormWrapper  || X_TEMP.X_NET_Form_init();\r
 359                         break;\r
 360                 case X_NET_TYPE_IMAGE :\r
 361                         X_NET_currentWrapper = X_NET_ImageWrapper || X_TEMP.X_NET_Image_init();\r
 362                         break;\r
 363         };\r
 364         \r
 365         X_NET_currentWrapper[ 'listen' ]( [ X_EVENT_PROGRESS, X_EVENT_SUCCESS, X_EVENT_ERROR ], X_NET_currentQueue, X_NET_proxyDispatch );\r
 366         \r
 367         X_NET_currentWrapper.load( X_NET_currentData );\r
 368 };\r
 369 \r