কোড জেনারেটর

Blockly-এর বেশিরভাগ অ্যাপ্লিকেশনের জন্য ব্যবহারকারীর প্রোগ্রামকে একটি প্রোগ্রামিং ভাষায় অনুবাদ করতে হবে। এই ক্রিয়াটি ব্লকলি দ্বারা ক্লায়েন্টের পক্ষে সঞ্চালিত হয়।

কোড তৈরি করা হচ্ছে

প্রথম ধাপ হল প্রশ্নে থাকা ভাষার জন্য জেনারেটর অন্তর্ভুক্ত করা। ব্লকলি নিম্নলিখিত জেনারেটর অন্তর্ভুক্ত:

• জাভাস্ক্রিপ্ট
• পাইথন
• পিএইচপি
• লুয়া
• ডার্ট

আপনি নিম্নলিখিত পদ্ধতিগুলির মধ্যে একটি ব্যবহার করে জেনারেটর আমদানি এবং ব্যবহার করতে পারেন।

মডিউল

import {javascriptGenerator} from 'blockly/javascript';
import {pythonGenerator} from 'blockly/python';
import {phpGenerator} from 'blockly/php';
import {luaGenerator} from 'blockly/lua';
import {dartGenerator} from 'blockly/dart';

const jsCode = javascriptGenerator.workspaceToCode(workspace);
const pythonCode = pythonGenerator.workspaceToCode(workspace);
const phpCode = phpGenerator.workspaceToCode(workspace);
const luaCode = luaGenerator.workspaceToCode(workspace);
const dartCode = dartGenerator.workspaceToCode(workspace);

আনপিকেজি

ব্লকলি অন্তর্ভুক্ত করার পরে আপনাকে অবশ্যই জেনারেটর অন্তর্ভুক্ত করতে হবে।

<script src="https://unpkg.com/blockly"></script>
<script src="https://unpkg.com/blockly/javascript_compressed"></script>
<script src="https://unpkg.com/blockly/python_compressed"></script>
<script src="https://unpkg.com/blockly/php_compressed"></script>
<script src="https://unpkg.com/blockly/lua_compressed"></script>
<script src="https://unpkg.com/blockly/dart_compressed"></script>

const jsCode = javascript.workspaceToCode(workspace);
const pythonCode = python.workspaceToCode(workspace);
const phpCode = php.workspaceToCode(workspace);
const luaCode = luna.workspaceToCode(workspace);
const dartCode = dart.workspaceToCode(workspace);

স্থানীয় স্ক্রিপ্ট

ব্লকলি অন্তর্ভুক্ত করার পরে আপনাকে অবশ্যই জেনারেটর অন্তর্ভুক্ত করতে হবে।

<script src="blockly_compressed.js"></script>
<script src="javascript_compressed.js"></script>
<script src="python_compressed.js"></script>
<script src="php_compressed.js"></script>
<script src="lua_compressed.js"></script>
<script src="dart_compressed.js"></script>

const jsCode = javascript.workspaceToCode(workspace);
const pythonCode = python.workspaceToCode(workspace);
const phpCode = php.workspaceToCode(workspace);
const luaCode = lua.workspaceToCode(workspace);
const dartCode = dart.workspaceToCode(workspace);

রিয়েলটাইম জেনারেশন

কোড জেনারেট করা একটি অত্যন্ত দ্রুত অপারেশন, তাই এই ফাংশনটিকে ঘন ঘন কল করার কোন ক্ষতি নেই। একটি সাধারণ কৌশল হল ব্লকলির পরিবর্তন ইভেন্টে একজন শ্রোতা যোগ করে রিয়েলটাইমে কোড তৈরি করা এবং প্রদর্শন করা:

import {javascriptGenerator} from 'blockly/javascript';
function updateCode(event) {
  const code = javascriptGenerator.workspaceToCode(workspace);
  document.getElementById('textarea').value = code;
}
workspace.addChangeListener(updateCode);

আরও তথ্যের জন্য ইভেন্ট দেখুন।