mirror/php-web-maker
1
0
Fork 0
mirror of https://github.com/chinchang/web-maker.git synced 2025-07-25 16:01:14 +02:00
Code Issues Releases Wiki Activity

update filename of temporary html file created in extension

Browse Source
This commit is contained in:
Arnab Sen
2022-04-11 15:39:54 +05:30
parent 432143ba3e
commit e063981411
1 changed files with 18 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
src/components/ContentWrap.jsx
View File

@@ -43,12 +43,10 @@ export default class ContentWrap extends Component {
// `clearConsole` is on window because it gets called from inside iframe also. // `clearConsole` is on window because it gets called from inside iframe also.
window.clearConsole = this.clearConsole.bind(this); window.clearConsole = this.clearConsole.bind(this);
this.consoleHeaderDblClickHandler = this.consoleHeaderDblClickHandler.bind( this.consoleHeaderDblClickHandler =
this this.consoleHeaderDblClickHandler.bind(this);
); this.clearConsoleBtnClickHandler =
this.clearConsoleBtnClickHandler = this.clearConsoleBtnClickHandler.bind( this.clearConsoleBtnClickHandler.bind(this);
this
);
this.toggleConsole = this.toggleConsole.bind(this); this.toggleConsole = this.toggleConsole.bind(this);
this.evalConsoleExpr = this.evalConsoleExpr.bind(this); this.evalConsoleExpr = this.evalConsoleExpr.bind(this);
} }
@@ -170,11 +168,11 @@ export default class ContentWrap extends Component {
// we need to store user script in external JS file to prevent inline-script // we need to store user script in external JS file to prevent inline-script
// CSP from affecting it. // CSP from affecting it.
writeFile('script.js', blobjs, () => { writeFile('script.js', blobjs, () => {
writeFile('preview.html', blob, () => { writeFile('index.html', blob, () => {
var origin = chrome.i18n.getMessage() var origin = chrome.i18n.getMessage()
? `chrome-extension://${chrome.i18n.getMessage('@@extension_id')}` ? `chrome-extension://${chrome.i18n.getMessage('@@extension_id')}`
: `${location.origin}`; : `${location.origin}`;
var src = `filesystem:${origin}/temporary/preview.html`; var src = `filesystem:${origin}/temporary/index.html`;
if (this.detachedWindow) { if (this.detachedWindow) {
this.detachedWindow.postMessage({ url: src }, '*'); this.detachedWindow.postMessage({ url: src }, '*');
} else { } else {
@@ -320,12 +318,13 @@ export default class ContentWrap extends Component {
window.editorThemeLinkTag.href = `lib/codemirror/theme/${prefs.editorTheme}.css`; window.editorThemeLinkTag.href = `lib/codemirror/theme/${prefs.editorTheme}.css`;
} }
window.fontStyleTag.textContent = window.fontStyleTemplate.textContent.replace( window.fontStyleTag.textContent =
/fontname/g, window.fontStyleTemplate.textContent.replace(
(prefs.editorFont === 'other' /fontname/g,
? prefs.editorCustomFont (prefs.editorFont === 'other'
: prefs.editorFont) || 'FiraCode' ? prefs.editorCustomFont
); : prefs.editorFont) || 'FiraCode'
);
} }
// Check all the code wrap if they are minimized or maximized // Check all the code wrap if they are minimized or maximized
@@ -336,7 +335,7 @@ export default class ContentWrap extends Component {
const { currentLayoutMode } = this.props; const { currentLayoutMode } = this.props;
const prop = const prop =
currentLayoutMode === 2 || currentLayoutMode === 5 ? 'width' : 'height'; currentLayoutMode === 2 || currentLayoutMode === 5 ? 'width' : 'height';
[htmlCodeEl, cssCodeEl, jsCodeEl].forEach(function(el) { [htmlCodeEl, cssCodeEl, jsCodeEl].forEach(function (el) {
const bounds = el.getBoundingClientRect(); const bounds = el.getBoundingClientRect();
const size = bounds[prop]; const size = bounds[prop];
if (size < 100) { if (size < 100) {
@@ -481,9 +480,10 @@ export default class ContentWrap extends Component {
codeModeChangeHandler(e) { codeModeChangeHandler(e) {
var mode = e.target.value; var mode = e.target.value;
var type = e.target.dataset.type; var type = e.target.dataset.type;
var currentMode = this.props.currentItem[ var currentMode =
type === 'html' ? 'htmlMode' : type === 'css' ? 'cssMode' : 'jsMode' this.props.currentItem[
]; type === 'html' ? 'htmlMode' : type === 'css' ? 'cssMode' : 'jsMode'
];
if (currentMode !== mode) { if (currentMode !== mode) {
if (type === 'html') { if (type === 'html') {
this.updateHtmlMode(mode).then(() => this.setPreviewContent(true)); this.updateHtmlMode(mode).then(() => this.setPreviewContent(true));