refactor csp

Author: ShMcK

src/actions/utils/runCommands.ts

@@ -19,7 +19,6 @@ const runCommands = async (commands: string[], send: (action: T.Action) => void)
       send({ type: 'COMMAND_FAIL', payload: { process: { ...process, status: 'FAIL' } } })
       return
     }
-    console.log(result.stdout)
     send({ type: 'COMMAND_SUCCESS', payload: { process: { ...process, status: 'SUCCESS' } } })
   }
 }

src/channel/index.ts

@@ -39,7 +39,6 @@ class Channel implements Channel {
     const actionType: string = typeof action === 'string' ? action : action.type
     const onError = (error: T.ErrorMessage) => this.send({ type: 'ERROR', payload: { error } })
 
-    // console.log('EDITOR RECEIVED:', actionType)
     switch (actionType) {
       case 'ENV_GET':
         this.send({
@@ -139,7 +138,6 @@ class Channel implements Channel {
   }
   // send to webview
   public send = async (action: T.Action) => {
-    console.log(`EDITOR SEND ${action.type}`)
     // action may be an object.type or plain string
     const actionType: string = typeof action === 'string' ? action : action.type
     switch (actionType) {

src/webview/index.ts

@@ -40,7 +40,6 @@ const createReactWebView = ({ extensionPath, workspaceState, workspaceRoot }: Re
     workspaceState,
     workspaceRoot,
     postMessage: (action: Action): Thenable<boolean> => {
-      // console.log(`postMessage ${JSON.stringify(action)}`)
       return panel.webview.postMessage(action)
     },
   })

src/webview/render.ts

@@ -65,18 +65,16 @@ async function render(panel: vscode.WebviewPanel, rootPath: string) {
   const cspMeta: HTMLMetaElement = document.createElement('meta')
   cspMeta.httpEquiv = 'Content-Security-Policy'
   cspMeta.content = [
-    'font-src vscode-resource://*;',
-    'img-src vscode-resource: https:;',
+    `font-src ${panel.webview.cspSource} http: https: data:;`,
+    `img-src ${panel.webview.cspSource} https:;`,
     `script-src ${nonces.map(nonce => `'nonce-${nonce}'`).join(' ')};`,
-    `style-src vscode-resource: http: https: data:;`,
+    `style-src ${panel.webview.cspSource} https:;`,
   ].join(' ')
   document.head.appendChild(cspMeta)
 
   // stringify dom
   const html = dom.serialize()
 
-  console.log(html)
-
   // set view
   panel.webview.html = html
 }

web-app/src/components/Message/index.tsx

@@ -1,5 +1,4 @@
 import * as React from 'react'
-import * as T from 'typings'
 import { Message as AlifdMessage } from '@alifd/next'
 
 interface Props {

web-app/src/services/channel/index.ts

@@ -40,8 +40,6 @@ class Channel {
       return
     }
 
-    console.log(`CLIENT RECEIVE: ${action.type}`, action)
-
     // messages from core
     switch (action.type) {
       case 'ENV_LOAD':