dctc 1.0.0 → 1.0.2

package/README.md

@@ -1,5 +1,7 @@
-# dctc(dctc)
-Dynamically compile TSX/TS files and execute them.
+# dynamic-compile-tsx-commond(dctc)
+TypeScript Execute (tsx): Dynamically compile TSX/TS file and execute it.
+
+`dctc` may be similar tools in the fastest speed of execution!!  <img src="https://emojis.slackmojis.com/emojis/images/1643514389/3643/cool-doge.gif?1643514389" width="30"/>
 
 ## Usage
 ```
@@ -18,10 +20,113 @@ npm install -g dctc
 ```
 
 ## Example
+
+### Step 1: Create Source Files
+
+Create a `src` directory and add the following files:
+
+#### `src/index.tsx`
+
+```tsx
+import React from 'react';
+import Header from './components/Header';
+import Footer from './components/Footer';
+
+const Page: React.FC<{ fontColor: string }> = (props) => {
+  return (
+    <div style={{ color: props?.fontColor || '#fff' }}>
+      <Header />
+      <main>
+        <h1>Hello, World!</h1>
+        <p>This is a dynamically compiled TSX file using dctc.</p>
+      </main>
+      <Footer />
+    </div>
+  );
+};
+
+export default Page;
+```
+
+#### `src/components/Header.tsx`
+
+```tsx
+import React from 'react';
+
+const Header: React.FC = () => {
+  return (
+    <header>
+      <h2>Welcome to the DCTC Example</h2>
+    </header>
+  );
+};
+
+export default Header;
+```
+
+#### `src/components/Footer.tsx`
+
+```tsx
+import React from 'react';
+
+const Footer: React.FC = () => {
+  return (
+    <footer>
+      <p>&copy; 2025 DCTC Example</p>
+    </footer>
+  );
+};
+
+export default Footer;
+```
+
+### Step 2: Create a tsx script file
+
+#### `/generate-html.tsx`
+
+```tsx
+import { renderToString } from 'react-dom/server'
+import React from 'react'
+import Page from './src'
+import fs from 'fs';
+import path from 'path';
+
+const work = () => {
+  const html = renderToString(<Page fontColor="pink" />)
+  fs.writeFileSync(path.join(__dirname, 'page.html'), html);
+  return html
+}
+work()
+```
+
+### Step 3: Enter the following command
+
 ```shell
-dctc ./src/index.tsx
+dctc generate-html.tsx
+```
+
+#### The `page.html` file has been generated, and it looks like this
+
+```html
+<div style="color:pink">
+  <header>
+    <h2>Welcome to the DCTC Example</h2>
+  </header>
+  <main>
+    <h1>Hello, World!</h1>
+    <p>This is a dynamically compiled TSX file using dctc.</p>
+  </main>
+  <footer>
+    <p>© 2025 DCTC Example</p>
+  </footer>
+</div>
 ```
 
+#### Open the file `page.html` with your browser
+
+<img width="441" alt="image" src="https://github.com/user-attachments/assets/67d82e20-81e8-4a98-8bb6-0175efd2bb30" />
+
+
 ## Contributing
 Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.
 Please make sure to update tests as appropriate.

package/lib/complie_es.js

@@ -6,7 +6,6 @@
  * @returns {Promise<string>} - The compiled code.
  * @author pipi
  */
-
 const fs = require('fs'); // Import the file system module
 const path = require('path'); // Import the path module
 const chalk = require("chalk");
@@ -62,9 +61,9 @@ module.exports = async function (filePath) {
           setup(build) {
             build.onResolve({ filter: /\.tsx?$/ }, async (args) => {
               const resolvedPath = path.resolve(args.resolveDir, args.path);
-              if (require('fs').existsSync(resolvedPath + '.ts')) {
+              if (fs.existsSync(resolvedPath + '.ts')) {
                 return { path: resolvedPath + '.ts' };
-              } else if (require('fs').existsSync(resolvedPath + '.tsx')) {
+              } else if (fs.existsSync(resolvedPath + '.tsx')) {
                 return { path: resolvedPath + '.tsx' };
               } else {
                 return null;

package/lib/complie_vite.js

@@ -27,13 +27,13 @@ module.exports = async function (filePath) {
   // Configure Vite build options
   const viteConfig = defineConfig({
     overrides: {
-      fs: 'browserify-fs', // 替换 `fs` 模块
-      path: 'path-browserify', // 替换 `path` 模块
-      // 其他需要替换的模块
+      fs: 'browserify-fs', // Use browserify-fs for file system access
+      path: 'path-browserify', // Use path-browserify for path manipulation
+      // Add other overrides as needed
     },
     build: {
-      target: 'node18', // Compile for Node.js environment
-      format: 'cjs', // Output format as CommonJS
+      target: 'node18',
+      format: 'cjs',
       lib: {
         entry: absoluteFilePath, // Specify the entry file
         formats: ['cjs'], // Specify the output format

package/lib/execute.js

@@ -1,6 +1,5 @@
 /**
- * Run the given code in the current context.
- * This function takes a string of code and runs it in the current Node.js context.
+ * This function takes code as input and executes it in a new context,
  * @param {string} code - The code to be executed.
  * @author pipi
  * @returns {void}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dctc",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "description": "Dynamically compile TSX/TS files and execute them.",
   "main": "./lib/index.js",
   "bin": {
@@ -18,20 +18,28 @@
   },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/SteamedBread2333/dctc.git"
+    "url": "git+https://github.com/SteamedBread2333/dynamic-compile-tsx-commond.git"
   },
   "keywords": [
-    "dynamically",
-    "complie",
+    "cli",
+    "runtime",
+    "node",
+    "cjs",
+    "commonjs",
+    "esm",
+    "typescript",
+    "typescript runner",
+    "typeScript execute",
     "tsx",
-    "ts"
+    "tsx runner",
+    "tsx execute"
   ],
   "author": "pipi",
   "license": "MIT",
   "bugs": {
-    "url": "https://github.com/SteamedBread2333/dctc/issues"
+    "url": "https://github.com/SteamedBread2333/dynamic-compile-tsx-commond/issues"
   },
-  "homepage": "https://github.com/SteamedBread2333/dctc#readme",
+  "homepage": "https://github.com/SteamedBread2333/dynamic-compile-tsx-commond#readme",
   "dependencies": {
     "chalk": "^4.1.2",
     "commander": "^13.1.0",
@@ -40,4 +48,4 @@
     "react-dom": "^18.0.0",
     "typescript": "^5.7.3"
   }
-}
+}