티스토리 수익 글 보기

“use strict”;(self.webpackChunksubstack=self.webpackChunksubstack||[]).push([[“550″],{3680:function(t,i,e){e.d(i,{A:()=>s});var a=e(69277),o=e(70408),d=e(4006),l=e(97731);let s=t=>(0,d.FD)(l.A,(0,o._)((0,a._)({},t),{name:”CloseIcon”,svgParams:{height:20,width:20,stroke:”#666666″},children:[(0,d.Y)(“path”,{d:”M15 5L5 15″,strokeWidth:”1.5″,strokeLinecap:”round”,”stroke-linejoin”:”round”}),(0,d.Y)(“path”,{d:”M5 5L15 15″,strokeWidth:”1.5″,strokeLinecap:”round”,”stroke-linejoin”:”round”})]}))},291:function(t,i,e){e.d(i,{Ay:()=>f,ab:()=>w,v1:()=>A,vj:()=>I});var a=e(99851),o=e(69277),d=e(79785),l=e(69843),s=e.n(l),n=e(98023),r=e.n(n),p=e(17402),u=e(15734),c=e.n(u),h=e(17515),m=e(85478),U=e(86500),y=e(68349),v=e(93946),g=e(16291),E=e(82776);function M(){let t=(0,d._)([“This will remove your audio. Are you sure?”]);return M=function(){return t},t}function T(){let t=(0,d._)([“This will remove your video. Are you sure?”]);return T=function(){return t},t}function _(){let t=(0,d._)([“File too large. Your file is “,”; the maximum is “,”. Try encoding at a lower bitrate.”]);return _=function(){return t},t}function x(){let t=(0,d._)([“It looks like your file is empty (0 bytes). Please check that the file you are trying to upload is not corrupted.”]);return x=function(){return t},t}let w=”audio/mpeg,audio/mp3,audio/m4a,audio/x-m4a,audio/aac,audio/aiff,audio/x-aiff,audio/amr,audio/flac,audio/ogg,audio/wav,audio/x-wav”,I=”video/*”;class f extends p.Component{componentDidMount(){this.syncUploads()}componentWillUnmount(){this.clearSyncMediaUploadTimeouts(),this.stopUpdatingTranscodingTime()}componentDidUpdate(t,i){t.mediaUploadId!==this.props.mediaUploadId&&null===this.props.mediaUploadId&&(this.clearSyncMediaUploadTimeouts(),this.stopUpdatingTranscodingTime(),this.setState({mediaUpload:null,audioExtractMediaUploadId:null,audioExtractMediaUpload:null,audioExtractPreviewMediaUploadId:null,audioExtractPreviewMediaUpload:null})),this.checkTranscodeStates(i),this.checkForNewUploads(t)}getMediaUploadId(){return this.state.mediaUploadId}stopUpdatingTranscodingTime(){clearTimeout(this.updateTranscodingTimeout),this.updateTranscodingTimeout=null}getEstimatedTranscodingTime(){let t=1,i=0,e=new Date().getTime(),{mediaUpload:a}=this.state;if((null==a?void 0:a.state)===”uploaded”&&a.uploaded_at&&a.duration&&a.duration>0){let o=”video”===this.props.mediaType?.7:.03,d=1e3*Math.max(“video”===this.props.mediaType?60:5,a.duration*o),l=Math.max(0,d-Math.max(0,Date.now()-new Date(a.uploaded_at).getTime()));t=Math.max(0,1-l/d),this.state.timeLeft&&this.state.timeLeft{var t;this.updateTranscodingTimeout||(this.setState(this.getEstimatedTranscodingTime()),(null==(t=this.state.mediaUpload)?void 0:t.state)===”uploaded”&&(this.updateTranscodingTimeout=window.setTimeout(()=>{this.updateTranscodingTimeout=null,this.updateTranscodingTime()},1e3)))}),(0,a._)(this,”onMediaUpload”,t=>{var i;let{mediaUpload:e}=t;clearTimeout(null!=(i=this.syncMediaUploadTimeout)?i:void 0),this.setState({mediaUploadId:null==e?void 0:e.id,mediaUpload:e},()=>{var t,i;this.syncUpload({uploadIdKey:”mediaUploadId”,uploadKey:”mediaUpload”,uploadTimeoutKey:”syncMediaUploadTimeout”,uploadSyncingKey:”syncingMediaUpload”,endpoint:”/api/v1/”.concat(this.props.mediaType,”/upload/{id}”)}),null==(t=(i=this.props).onChange)||t.call(i,{mediaUpload:e})})}),(0,a._)(this,”onAudioExtractMediaUpload”,t=>{let{mediaUpload:i}=t;clearTimeout(this.syncAudioExtractMediaUploadTimeout),this.setState({audioExtractMediaUploadId:null==i?void 0:i.id,audioExtractMediaUpload:i},()=>{var t,e;this.syncUpload({uploadIdKey:”audioExtractMediaUploadId”,uploadKey:”audioExtractMediaUpload”,uploadTimeoutKey:”syncAudioExtractMediaUploadTimeout”,uploadSyncingKey:”syncingAudioExtractMediaUpload”,endpoint:”/api/v1/audio/upload/{id}”}),null==(t=(e=this.props).onAudioExtractChange)||t.call(e,{mediaUpload:i})})}),(0,a._)(this,”onAudioExtractPreviewMediaUpload”,t=>{let{mediaUpload:i}=t;clearTimeout(this.onAudioExtractPreviewMediaUpload),this.setState({audioExtractPreviewMediaUploadId:null==i?void 0:i.id,audioExtractPreviewMediaUpload:i},()=>{var t,e;this.syncUpload({uploadIdKey:”audioExtractPreviewMediaUploadId”,uploadKey:”audioExtractPreviewMediaUpload”,uploadTimeoutKey:”syncAudioExtractPreviewMediaUploadTimeout”,uploadSyncingKey:”syncingAudioExtractPreviewMediaUpload”,endpoint:”/api/v1/audio/upload/{id}”}),null==(t=(e=this.props).onAudioExtractPreviewChange)||t.call(e,{mediaUpload:i})})}),(0,a._)(this,”onMediaUploadUpdated”,t=>{var i,e;null==(i=(e=this.props).onChange)||i.call(e,{mediaUpload:(0,o._)({},this.props.mediaUpload,t)})}),(0,a._)(this,”removeUpload”,function(){var t;let{skipConfirm:i=!1}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{iTemplate:a}=e.i18n,{mediaUploadId:o,mediaUpload:d}=e.state;!o||(i||[“cancelled”,”error”].includes(null==d?void 0:d.state)||confirm(a((null==d?void 0:d.media_type)===”audio”?M():T())))&&(null==(t=e.optionsDropdown)||t.close(),e.clearSyncMediaUploadTimeouts(),e.setState({mediaUploadId:null,mediaUpload:null,audioExtractMediaUploadId:null,audioExtractMediaUpload:null,audioExtractPreviewMediaUploadId:null,audioExtractPreviewMediaUpload:null},()=>{var t,i,a,o,d,l;null==(t=(i=e.props).onChange)||t.call(i,{mediaUpload:null}),null==(a=(o=e.props).onAudioExtractChange)||a.call(o,{mediaUpload:null}),null==(d=(l=e.props).onAudioExtractPreviewChange)||d.call(l,{mediaUpload:null})}))}),(0,a._)(this,”syncUploads”,()=>{this.syncUpload({uploadIdKey:”mediaUploadId”,uploadKey:”mediaUpload”,uploadTimeoutKey:”syncMediaUploadTimeout”,uploadSyncingKey:”syncingMediaUpload”,endpoint:”/api/v1/”.concat(this.props.mediaType,”/upload/{id}”)}),this.syncUpload({uploadIdKey:”audioExtractMediaUploadId”,uploadKey:”audioExtractMediaUpload”,uploadTimeoutKey:”syncAudioExtractMediaUploadTimeout”,uploadSyncingKey:”syncingAudioExtractMediaUpload”,endpoint:”/api/v1/audio/upload/{id}”}),this.syncUpload({uploadIdKey:”audioExtractPreviewMediaUploadId”,uploadKey:”audioExtractPreviewMediaUpload”,uploadTimeoutKey:”syncAudioExtractPreviewMediaUploadTimeout”,uploadSyncingKey:”syncingAudioExtractPreviewMediaUpload”,endpoint:”/api/v1/audio/upload/{id}”})}),(0,a._)(this,”getTimeoutDuration”,t=>(0,g.A)(t).add(6e4,”milliseconds”).isBeforeNow()?3e4:1e4),(0,a._)(this,”clearSyncMediaUploadTimeouts”,()=>{this.syncMediaUploadTimeout&&clearTimeout(this.syncMediaUploadTimeout),this.syncAudioExtractMediaUploadTimeout&&clearTimeout(this.syncAudioExtractMediaUploadTimeout),this.syncAudioExtractPreviewMediaUploadTimeout&&clearTimeout(this.syncAudioExtractPreviewMediaUploadTimeout)}),(0,a._)(this,”syncUpload”,async t=>{var i,e;let{uploadIdKey:a,uploadKey:o,uploadTimeoutKey:d,uploadSyncingKey:l,endpoint:s}=t,n=this.state[a],r=this.state[o];if(!n){r&&this.setState({[o]:null});return}if((null==r?void 0:r.state)!==”transcoded”&&!this[l]){this[l]=!0;try{let t=await c().get(s.replace(“{id}”,n));this.setState({[o]:t.body},()=>{“uploaded”!==t.body.state?this.stopUpdatingTranscodingTime():this.updateTranscodingTime()})}catch(t){alert((0,y.uX)(t))}this.state[o]&&(null==(i=this.state[o])?void 0:i.state)!==”uploaded”||(this[d]=window.setTimeout(()=>this.syncUpload({uploadIdKey:a,uploadKey:o,uploadTimeoutKey:d,uploadSyncingKey:l,endpoint:s}),this.getTimeoutDuration(null==(e=this.state[o])?void 0:e.created_at))),this[l]=!1}}),(0,a._)(this,”checkTranscodeStates”,t=>{var i,e,a,o,d,l,s,n,r,p,u,c,h,m,U,y;(null==(i=this.state.mediaUpload)?void 0:i.state)===”transcoded”&&(null==(e=t.mediaUpload)?void 0:e.state)!==(null==(a=this.state.mediaUpload)?void 0:a.state)&&(null==(u=(c=this.props).onChange)||u.call(c,{mediaUpload:this.state.mediaUpload})),((null==(o=this.state.audioExtractMediaUpload)?void 0:o.state)===”transcoded”||(null==(d=this.state.audioExtractMediaUpload)?void 0:d.state)===”error”)&&(null==(l=t.audioExtractMediaUpload)?void 0:l.state)!==(null==(s=this.state.audioExtractMediaUpload)?void 0:s.state)&&(null==(h=(m=this.props).onAudioExtractChange)||h.call(m,{mediaUpload:this.state.audioExtractMediaUpload})),(null==(n=this.state.audioExtractPreviewMediaUpload)?void 0:n.state)===”transcoded”&&(null==(r=t.audioExtractPreviewMediaUpload)?void 0:r.state)!==(null==(p=this.state.audioExtractPreviewMediaUpload)?void 0:p.state)&&(null==(U=(y=this.props).onAudioExtractPreviewChange)||U.call(y,{mediaUpload:this.state.audioExtractPreviewMediaUpload}))}),(0,a._)(this,”checkForNewUploads”,t=>{var i,e,a,o,d,l;(t.mediaUpload!==this.props.mediaUpload||t.mediaUploadId!==this.props.mediaUploadId)&&this.setState({mediaUpload:null!=(i=this.props.mediaUpload)?i:null,mediaUploadId:null!=(e=this.props.mediaUploadId)?e:null}),(t.audioExtractMediaUpload!==this.props.audioExtractMediaUpload||t.audioExtractMediaUploadId!==this.props.audioExtractMediaUploadId)&&this.setState({audioExtractMediaUpload:null!=(a=this.props.audioExtractMediaUpload)?a:null,audioExtractMediaUploadId:null!=(o=this.props.audioExtractMediaUploadId)?o:null}),(t.audioExtractPreviewMediaUpload!==this.props.audioExtractPreviewMediaUpload||t.audioExtractPreviewMediaUploadId!==this.props.audioExtractPreviewMediaUploadId)&&this.setState({audioExtractPreviewMediaUpload:null!=(d=this.props.audioExtractPreviewMediaUpload)?d:null,audioExtractPreviewMediaUploadId:null!=(l=this.props.audioExtractPreviewMediaUploadId)?l:null})}),this.state={mediaUploadId:t.mediaUploadId,mediaUpload:t.mediaUpload||null,estimatedTimeLeftAt:null,timeLeft:0,percentComplete:1},this.updateTranscodingTimeout=null,this.syncMediaUploadTimeout=null,this.syncAudioExtractMediaUploadTimeout=null,this.syncAudioExtractPreviewMediaUploadTimeout=null,this.syncingMediaUpload=!1,this.syncingAudioExtractMediaUpload=!1,this.syncingAudioExtractPreviewMediaUpload=!1,this.i18n=I18N.i(t.language)}}f.contextType=m.W8;class A extends h.A{componentDidUpdate(t){this.props.initialFile!==t.initialFile&&(this.onFileSelected(this.props.initialFile),t.initialFile&&this.cancelUpload())}trackUploadClicked(){}onError(){var t,i,e;let{upload_state:a=”uploading”,customMessage:d,trackingContext:l={}}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};(0,U.u4)(U.qY.MEDIA_UPLOAD_FAILED,(0,o._)({upload_state:a,media_upload_id:null==(t=this.state.mediaUpload)?void 0:t.id,post_id:this.props.postId,customMessage:d},l)),null==(i=(e=this.props).onUploadCanceled)||i.call(e),super.onError({upload_state:a},d)}render(){return console.error(“render must be implemented by child class”),null}constructor(t,i){if(super(t,i),(0,a._)(this,”accepts”,void 0),(0,a._)(this,”chunkSize”,void 0),(0,a._)(this,”input”,null),(0,a._)(this,”i18n”,void 0),(0,a._)(this,”onUploadClicked”,async()=>{this.trackUploadClicked()}),(0,a._)(this,”uploadToS3″,async t=>{var i,e,a,d,l,s,n,r,p,u;let h;if((null==(i=this.state)?void 0:i.preuploading)||(null==(e=this.state)?void 0:e.uploading))return;null==(a=(d=this.props).onUploadStarted)||a.call(d),this.setState({preuploading:!0});let{iTemplate:m}=this.i18n;if(t.size>E.MAX_MEDIA_FILE_SIZE)return void this.onError({upload_state:”preupload”,customMessage:m(_(),(0,E.formatBytes)(t.size),(0,E.formatBytes)(E.MAX_MEDIA_FILE_SIZE))});if(0===t.size)return void this.onError({upload_state:”preupload”,customMessage:m(x())});this.props.postId||(this.props.setPostId?await (null==(l=(s=this.props).setPostId)?void 0:l.call(s)):console.warn(“missing postId and cannot set postId, likely a non post editor”)),this.setState({durationPromise:(0,v.nr)(t)});try{let i=”video”===this.props.mediaType?”/api/v1/video/upload”:”/api/v1/audio/upload”;h=await c().post(i).query((0,o._)({filetype:t.type,fileSize:t.size,fileName:””.concat(null==t?void 0:t.name)},this.props.postId?{post_id:this.props.postId}:{})),(0,U.u4)(U.qY.MEDIA_UPLOAD_CREATED,{media_type:this.props.mediaType,file_size:t.size,file_type:t.type,parts_size:(null!=(n=h.body.multipartUploadUrls)?n:[]).length,post_id:this.props.postId})}catch(t){console.error(“Failed to create media upload:”,t),this.onError({upload_state:”preupload”,customMessage:(0,y.uX)(t)});return}let{mediaUpload:g,multipartUploadId:M,multipartUploadUrls:T}=h.body,w=(null!=(r=null==g?void 0:g.parts)?r:[]).map(t=>t.etag).filter(Boolean);”created”===g.state&&w.length===T.length?(this.setState({mediaUpload:g,mediaUploadId:g.id}),await this.initTranscode(g,w)):”uploaded”===g.state||”transcoded”===g.state?null==(p=(u=this.props).onUpload)||p.call(u,h.body):(this.setState({preuploading:!1,mediaUpload:g,multipartUploadId:M,existingEtags:w}),(0,U.u4)(U.qY.MEDIA_UPLOAD_STARTED,{media_upload_id:g.id,media_type:this.props.mediaType,post_id:this.props.postId}),super.uploadFile(t,null,{urls:T,method:”PUT”,withCredentials:!1,useFormData:!1,mediaUpload:g}))}),(0,a._)(this,”onFileSelected”,async t=>{var i,e,a,o;if(this.setState({recording:!1}),t=t||(null==(e=this.input)||null==(i=e.files)?void 0:i[0]),this.input&&(this.input.value=””),t){if(!s()(this.props.maxVideoDurationSeconds))try{let i=await (0,v.nr)(t);if(“number”==typeof i&&i>this.props.maxVideoDurationSeconds){(0,U.u4)(U.qY.VIDEO_UPLOAD_IN_NOTES_FAILED,{duration_seconds:i,reason:”too_long”}),null==(a=(o=this.props).onVideoTooLong)||a.call(o);return}}catch(t){console.warn(“could not get video duration”,t)}this.uploadToS3(t)}}),(0,a._)(this,”onComplete”,async()=>{var t,i,e;let a=null==(t=this.state.uploading)?void 0:t.status;if(!a||a<200||a>=400)return void this.onError({trackingContext:{uploading_state_exists:!!this.state.uploading,response_status:a}});(0,U.u4)(U.qY.MEDIA_UPLOAD_COMPLETED,{media_upload_id:this.state.mediaUpload.id,post_id:this.props.postId});let o=[…null!=(e=this.state.existingEtags)?e:[],…null==(i=this.state.uploadingXhrs)?void 0:i.map(t=>t.getResponseHeader(“Etag”)).filter(Boolean)];await this.initTranscode(this.state.mediaUpload,o)}),(0,a._)(this,”initTranscode”,async(t,i)=>{let e=null;try{if((e=await this.state.durationPromise)&&”object”==typeof e&&”is_error”in e)throw e}catch(t){console.error(“Failed to fetch video duration:”,t)}try{var a,o;let d=await c().post(“/api/v1/”.concat(this.props.mediaType,”/upload/”).concat(t.id,”/transcode”)).send({duration:r()(e)?e:null,multipart_upload_id:t.multipart_upload_id,multipart_upload_etags:i});this.setState({mediaUpload:null,audioExtractMediaUpload:null,multipartUploadId:null}),this.resetUpload(),null==(a=(o=this.props).onUpload)||a.call(o,d.body,””)}catch(t){throw alert((0,y.uX)(t)),this.onError({upload_state:”transcoding”}),t}}),![“video”,”audio”].includes(t.mediaType))throw Error(“unsupported media type: “.concat(t.mediaType));this.accepts=”video”===t.mediaType?I:w,this.fudgeFactor=.9,this.chunkSize=E.MAX_MEDIA_UPLOAD_CHUNK_SIZE,this.i18n=I18N.i(t.language),t.initialFile&&this.onFileSelected(this.props.initialFile)}}A.contextType=m.W8},44338:function(t,i,e){e.d(i,{Y:()=>a});let a=(0,e(17402).createContext)(“”)},1140:function(t,i,e){if(e.d(i,{MS:()=>M,Rr:()=>T,St:()=>x,c2:()=>_,et:()=>E,ic:()=>g,yn:()=>v}),/^(3133|887)$/.test(e.j))var a=e(69277);if(/^(3133|887)$/.test(e.j))var o=e(70408);if(/^(3133|887)$/.test(e.j))var d=e(32641);var l=e(4006);if(887==e.j)var s=e(44854);var n=e(73294),r=e(35369),p=e(16074),u=e(76977),c=e(75303),h=e(63136),m=e(44338),U=e(11510),y=e(39318);e(79913);let v=t=>{var i,{title:e,children:n,id:c,pub:U,withSubdomainLink:v}=t,g=(0,d._)(t,[“title”,”children”,”id”,”pub”,”withSubdomainLink”]);return(0,l.Y)(m.Y.Provider,{value:null!=e?e:””,children:(0,l.Y)(u.I1,{gap:12,id:c,children:(0,l.FD)(u.I1,(0,o._)((0,a._)({radius:”sm”,bg:”primary”,shadow:”xs”,border:”detail”},g),{children:[(0,l.FD)(u.Ye,{alignItems:”center”,justifyContent:”space-between”,gap:8,padding:20,children:[(0,l.Y)(h.EY.B2,{weight:”bold”,children:e}),U&&v&&(0,l.Y)(r.$n,{href:(0,y.fOI)(U),newTab:!0,priority:”secondary”,size:”sm”,leading:(0,l.Y)(s.A,{size:16}),children:(0,l.Y)(h.EY.B4,{color:”primary”,children:null!=(i=U.custom_domain)?i:””.concat(U.subdomain,”.substack.com”)})})]}),(0,l.Y)(p.c,{}),(0,l.Y)(u.I1,{gap:20,padding:20,children:n})]}))})})},g=t=>{var{id:i,children:e}=t,s=(0,d._)(t,[“id”,”children”]);return(0,l.Y)(u.Ye,(0,o._)((0,a._)({justifyContent:”space-between”,alignItems:”center”,id:i,gap:24,minHeight:48},s),{children:e}))},E=t=>{let{id:i,children:e}=t;return(0,l.Y)(u.I1,{id:i,gap:8,children:e})},M=t=>{let{id:i,children:e}=t,a=(0,U.Iu)();return(0,l.Y)(u.pT,{direction:a?”column”:”row”,alignItems:a?”stretch”:”center”,id:i,gap:a?12:20,minHeight:48,children:e})},T=t=>{let{primaryText:i,secondaryText:e}=t;return(0,l.FD)(u.I1,{gap:2,flex:”grow”,children:[(0,l.Y)(h.EY.B4,{weight:”semibold”,children:i}),e&&(0,l.Y)(h.EY.B4,{color:”secondary”,children:e})]})},_=t=>{let{title:i,children:e}=t;return(0,l.FD)(n.yQ,{children:[(0,l.Y)(p.c,{pullX:20}),(0,l.Y)(u.I1,{gap:12,children:(0,l.FD)(u.Ye,{justifyContent:”space-between”,alignItems:”center”,height:24,children:[(0,l.Y)(h.EY.B2,{weight:”bold”,children:i}),e]})})]})},x=(0,c.I4)({display:”flex”,direction:”column”,gap:20,paddingLeft:{desktop:20,mobile:12},borderLeft:”detail”})},45458:function(t,i,e){e.d(i,{Y:()=>p});var a=e(4006),o=e(32485),d=e.n(o),l=e(45418),s=e(76977),n=e(63136),r=e(90117);function p(t){let{visible:i=!1,label:e=”Drop file here to upload”,blur:o=!0,className:p}=t;return(0,a.FD)(s.I1,{className:d()(i&&r.A.visible,o&&r.A.blur,r.A.outer,p),alignItems:”center”,justifyContent:”center”,gap:12,children:[(0,a.Y)(l.A,{size:32,stroke:”var(–color-utility-white)”,className:d()(i&&r.A.visible,r.A.icon)}),e&&(0,a.Y)(n.EY.B3,{weight:”regular”,color:”white”,children:e})]})}},45846:function(t,i,e){e.d(i,{SC:()=>s,uo:()=>n});var a=e(4006),o=e(17402),d=e(35369),l=e(19832);function s(){let[t,i]=(0,o.useState)(null);return{confirm:()=>new Promise((e,a)=>{t&&a(Error(“Already confirming.”)),i({resolve:e,reject:a})}),isConfirming:!!t,handleConfirm:e=>{i(null),null==t||t.resolve(e)},handleCancel:e=>{i(null),null==t||t.resolve(e)}}}function n(t){let{title:i,body:e,cancelLabel:o=”Cancel”,confirmLabel:s=”Confirm”,modal:n}=t;return(0,a.Y)(l.m,{isOpen:n.isConfirming,onClose:()=>n.handleCancel(!1),title:i,description:e,primaryButton:(0,a.Y)(d.$n,{priority:”destructive”,onClick:()=>n.handleConfirm(!0),children:s}),secondaryButton:(0,a.Y)(d.$n,{priority:”secondary”,onClick:()=>n.handleCancel(!1),children:o})})}}}]);