@ray-js/code-sandbox 0.0.7-beta-7 → 0.0.7-beta-10

package/lib/decoder/index.d.ts

@@ -5,6 +5,7 @@ export interface DecoderProps {
     loadingText?: string;
     grammarErrText?: string;
     refreshButtonText?: string;
+    channel?: string;
 }
 export declare const Decoder: React.FC<DecoderProps>;
 export default Decoder;

package/lib/decoder/index.js

@@ -8,13 +8,15 @@ export const Decoder = _ref => {
     children,
     loadingText,
     grammarErrText,
-    refreshButtonText
+    refreshButtonText,
+    channel
   } = _ref;
   return /*#__PURE__*/React.createElement(CatchError, {
     loadingText: loadingText,
     grammarErrText: grammarErrText,
     refreshButtonText: refreshButtonText
   }, /*#__PURE__*/React.createElement(Channel, {
+    channel: channel,
     binddata: event => {
       const code = Bases64.decode(event.detail);
       onCodeChange(code);

package/lib/listener/index.d.ts

@@ -2,6 +2,7 @@
 import React from 'react';
 
 export interface ChannelProps {
+  channel?: string;
   binddata(event: { detail: string });
 }
 

package/lib/listener/index.js

@@ -1,5 +1,8 @@
 Component({
   properties: {
-    instanceId: String
+    channel: {
+      type: String,
+      value: 'sandbox-jsrun'
+    }
   }
 });

package/lib/listener/index.sjs

@@ -1,7 +1,8 @@
 module.exports = {
   init(newVal, oldVal, ownerInstance) {
-    ownerInstance.eventChannel.on('sandbox-jsrun', event => {
-      console.log(`[sandbox] trigger `, event);
+    const eventName = newVal || 'sandbox-jsrun';
+    ownerInstance.eventChannel.on(eventName, event => {
+      console.log(`[sandbox] trigger `, eventName, event);
       ownerInstance.triggerEvent('data', event);
     });
   },

package/lib/listener/index.tyml

@@ -1,6 +1,6 @@
 <sjs src="./index.sjs" module="computed"></sjs>
 
 <view 
-  id="{{instanceId}}"
-  change:id="{{computed.init}}"
+  channel="{{channel}}"
+  change:channel="{{computed.init}}"
 ></view>

package/lib/txp/codesandbox/index.js

@@ -63,7 +63,7 @@ export const CodeSandbox = _ref => {
     },
     show: show,
     title: title,
-    fileName: "main.less",
+    fileName: `${txpCode || 'main'}.less`,
     code: cssCode,
     onChange: newCode => {
       postStyleCode(newCode);
@@ -73,6 +73,7 @@ export const CodeSandbox = _ref => {
     isZhLanguage: isZhLanguage,
     baseUri: baseUri,
     txpCode: txpCode,
+    fileName: `${txpCode || 'main'}.tsx`,
     height: "calc(90vh - 103px + 48px)",
     style: {
       width: '50%'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ray-js/code-sandbox",
-  "version": "0.0.7-beta-7",
+  "version": "0.0.7-beta-10",
   "description": "小程序 CodeSandbox 容器",
   "main": "lib/index",
   "files": [