Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
李少辉-开发者
gitlab-foss
提交
730e3541
G
gitlab-foss
项目概览
李少辉-开发者
/
gitlab-foss
通知
15
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
G
gitlab-foss
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
前往新版Gitcode,体验更适合开发者的 AI 搜索 >>
未验证
提交
730e3541
编写于
8月 10, 2018
作者:
P
Phil Hughes
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
Fixed Web IDE live preview not hot reloading
上级
9964b678
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
23 addition
and
8 deletion
+23
-8
app/assets/javascripts/ide/components/preview/clientside.vue
app/assets/javascripts/ide/components/preview/clientside.vue
+23
-8
未找到文件。
app/assets/javascripts/ide/components/preview/clientside.vue
浏览文件 @
730e3541
...
...
@@ -2,6 +2,7 @@
import
{
mapActions
,
mapGetters
,
mapState
}
from
'
vuex
'
;
import
_
from
'
underscore
'
;
import
{
Manager
}
from
'
smooshpack
'
;
import
{
listen
}
from
'
codesandbox-api
'
;
import
LoadingIcon
from
'
~/vue_shared/components/loading_icon.vue
'
;
import
Navigator
from
'
./navigator.vue
'
;
import
{
packageJsonPath
}
from
'
../../constants
'
;
...
...
@@ -16,6 +17,7 @@ export default {
return
{
manager
:
{},
loading
:
false
,
sandpackReady
:
false
,
};
},
computed
:
{
...
...
@@ -81,6 +83,10 @@ export default {
}
this
.
manager
=
{};
if
(
this
.
listener
)
{
this
.
listener
();
}
clearTimeout
(
this
.
timeout
);
this
.
timeout
=
null
;
},
...
...
@@ -96,17 +102,29 @@ export default {
return
this
.
loadFileContent
(
this
.
mainEntry
)
.
then
(()
=>
this
.
$nextTick
())
.
then
(()
=>
.
then
(()
=>
{
this
.
initManager
(
'
#ide-preview
'
,
this
.
sandboxOpts
,
{
fileResolver
:
{
isFile
:
p
=>
Promise
.
resolve
(
!!
this
.
entries
[
createPathWithExt
(
p
)]),
readFile
:
p
=>
this
.
loadFileContent
(
createPathWithExt
(
p
)).
then
(
content
=>
content
),
},
}),
);
});
this
.
listener
=
listen
(
e
=>
{
switch
(
e
.
type
)
{
case
'
done
'
:
this
.
sandpackReady
=
true
;
break
;
default
:
break
;
}
});
});
},
update
()
{
if
(
this
.
timeout
)
return
;
if
(
!
this
.
sandpackReady
)
return
;
clearTimeout
(
this
.
timeout
);
this
.
timeout
=
setTimeout
(()
=>
{
if
(
_
.
isEmpty
(
this
.
manager
))
{
...
...
@@ -116,10 +134,7 @@ export default {
}
this
.
manager
.
updatePreview
(
this
.
sandboxOpts
);
clearTimeout
(
this
.
timeout
);
this
.
timeout
=
null
;
},
500
);
},
250
);
},
initManager
(
el
,
opts
,
resolver
)
{
this
.
manager
=
new
Manager
(
el
,
opts
,
resolver
);
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录