@ptkl/toolkit 0.4.0 → 0.5.0

package/dist/builder/register.js

@@ -1,12 +1,14 @@
 import CompilerSDK4 from "./sdk4/vue2.js";
 import CompilerSDK5 from "./sdk5/vue2.js";
 import CompilerSDK5Vue3 from "./sdk5/vue3.js";
+import CompiltedSDK5React from "./sdk5/react.js";
 const latestVersion = 5;
 const defaultEngine = 'vue2';
 const compilers = {
     'sdk4::vue2': new CompilerSDK4,
     'sdk5::vue2': new CompilerSDK5,
     'sdk5::vue3': new CompilerSDK5Vue3,
+    'sdk5::react': new CompiltedSDK5React,
 };
 export default {
     getCompiler(sdkVersion, engine) {

package/dist/builder/sdk5/react.js

@@ -0,0 +1,35 @@
+import * as Babel from '@babel/standalone';
+import less from 'less';
+export default class Compiler {
+    async compileBabel(expression) {
+        let code = Babel.transform(expression, { sourceType: "module", presets: ["env", "react"] });
+        return code.code;
+    }
+    async compileCSS(scope, lang, expression) {
+        switch (lang) {
+            case 'less':
+                if (scope) {
+                    return await less.render(`.${scope} { ${expression} }`);
+                }
+                const { css } = await less.render(`${expression}`);
+                return css;
+            default:
+                return expression;
+        }
+    }
+    async compile(ext, content) {
+        switch (ext) {
+            case 'js':
+                return await this.compileBabel(content);
+            case 'css':
+                return await this.compileCSS(null, "css", content);
+            case 'less':
+                return await this.compileCSS(null, "less", content);
+            default:
+                return await Promise.resolve(content);
+        }
+    }
+    getSupportedExt() {
+        return ["vue", "js", "css", "less", "json", "svg"];
+    }
+}

package/dist/commands/component.js

@@ -30,11 +30,9 @@ class ComponentCommand {
                 const nodes = JSON.parse(message.toString());
                 try {
                     let dist = null;
-                    if (version === '5') {
-                        const builder = new Builder(5, "vue2");
-                        const compiledFiles = await builder.buildFromNodes(nodes);
-                        dist = Object.assign({}, compiledFiles);
-                    }
+                    const builder = new Builder(version, engine);
+                    const compiledFiles = await builder.buildFromNodes(nodes);
+                    dist = Object.assign({}, compiledFiles);
                     socket.send(JSON.stringify({ dist }));
                     console.log('Component templates built successfully');
                     // Do something with the parsed JSON
@@ -62,9 +60,18 @@ class ComponentCommand {
             const bundle = await rollup({
                 input: inputPath,
                 ...rollupOptions,
+                external: [],
                 output: outputOptions,
             });
             const { output } = await bundle.generate(outputOptions);
+            bundle.write({
+                dir: resolve(path, 'dist'),
+                format: 'esm',
+                entryFileNames: '[name].js',
+                chunkFileNames: '[name]-[hash].js',
+                assetFileNames: '[name]-[hash][extname]',
+                sourcemap: true,
+            });
             console.log(`Bundle generated with size ${output[0].code.length} bytes`);
             const profile = util.getCurrentProfile();
             const client = new Api({ token: profile.token, host: profile.host }).component(name);

package/dist/commands/forge.js

@@ -45,7 +45,7 @@ class ForgeCommand {
         const client = Util.getClientForProfile();
         // get base url of the platform client
         const baseUrl = client.getPlatformBaseURL();
-        const base = `${baseUrl}/luma/appservice/v1/forge/static/bundle/${name}/${version}`;
+        const base = `${baseUrl}/luma/appservice/v1/forge/static/bundle/${name}/${version}/`;
         manifest.icon = `${base}/${icon}`;
         const buildViews = Object.keys(views).map((view) => {
             manifest.views[view] = `${view}.bundle.js`;
@@ -57,13 +57,26 @@ class ForgeCommand {
                         input: views[view],
                         output: {
                             format: 'esm',
-                            entryFileNames: `${view}.bundle.js`,
+                            entryFileNames: `[name].bundle.js`,
                             assetFileNames: (assetInfo) => {
                                 return '[name].[ext]'; // Example: Customize the output file name format
                             },
                         }
                     },
-                }
+                },
+                plugins: [
+                    {
+                        name: 'transform-dynamic-imports',
+                        transform(code, id) {
+                            if (code.includes('import(')) {
+                                // Transform relative dynamic imports to use full base URL
+                                const transformedCode = code.replace(/import\(['"`]\.\/locales\/([^'"`]+)['"`]\)/g, `import('https://lemon.stage.protokol.io/luma/appservice/v1/forge/static/bundle/operator/0.3.0/$1')`);
+                                return transformedCode;
+                            }
+                            return code;
+                        }
+                    },
+                ]
             });
         });
         await Promise.allSettled(buildViews);

package/dist/commands/profile.js

@@ -1,7 +1,7 @@
 import { Command } from "commander";
 import util from "../lib/util.js";
 import cli from "../lib/cli.js";
-import { APIUser } from "@ptkl/sdk";
+import { APIUser, User } from "@ptkl/sdk";
 class ProfileCommand {
     register() {
         return new Command('profile')
@@ -44,21 +44,34 @@ class ProfileCommand {
     async new(options) {
         // try to find profile with the name
         const { name, username, password, project, host } = options;
+        let token = "";
+        // if username is email then login to platform as user
+        if (username && username.includes('@')) {
+            const user = new User({
+                username,
+                password,
+                host,
+            });
+            const { data } = await user.auth(username, password, project);
+            token = "SESSION:" + data.token;
+        }
+        else {
+            const user = new APIUser({
+                host,
+            });
+            const { data } = await user.auth(username, password, project);
+            token = data.Token;
+        }
         const profiles = util.getProfiles() ?? [];
         // try to find that the profile with the name already exist
         const profile = profiles.find((p) => p.name == name);
         if (profile) {
             throw new Error(`Profile with ${name} already exist`);
         }
-        const user = new APIUser({
-            host,
-        });
-        // authenticate to protokol
-        const { data } = await user.auth(username, password, project);
         profiles.push({
             name,
             username,
-            token: data.Token,
+            token,
             host
         });
         util.updateProfiles(profiles);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ptkl/toolkit",
-  "version": "0.4.0",
+  "version": "0.5.0",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
     "build": "npx tsc",
@@ -13,7 +13,7 @@
   "type": "module",
   "dependencies": {
     "@babel/standalone": "^7.26.10",
-    "@ptkl/sdk": "^0.4.0",
+    "@ptkl/sdk": "^0.9.0",
     "@types/axios": "^0.14.0",
     "@types/commander": "^2.12.2",
     "@types/js-yaml": "^4.0.9",

package/dist/commands/pull.js

@@ -1,74 +0,0 @@
-import { Command } from "commander";
-import { basename } from "path";
-import * as readlinePromises from "readline/promises";
-import { stdin, stdout } from "process";
-import { existsSync, writeFileSync } from "fs";
-class Pull {
-    register() {
-        return new Command("pull")
-            .description("Pull resources with latest api Verison")
-            .version("0.1.0")
-            .requiredOption("-r, --resource <resource>", "Resource to pull data from ")
-            .option("--ref <ref>", "Resource identifier")
-            .requiredOption("-o --output <output>", "file path to store output yaml")
-            .action((opts) => this.pull(opts));
-    }
-    async pull(opts) {
-        console.log("not implemented");
-        // const { ref, output, resource } = opts;
-        // const profile = util.getCurrentProfile();
-        // const client = new Api({ project: profile.project, token: profile.token, host: profile.host }).resource(resource);
-        // // await client.pull(ref,output)
-        // // const resourceConfig = (config as any).resources[this.resourceType];
-        // let data;
-        // let resData, modifiedDoc, modifiedDocsArr;
-        // let dirFlag = false;
-        // let pullCount = 0;
-        // if (ref) {
-        //   resData = await client.single(ref);
-        //   console.log(`Resource : ${resource} with Ref: ${ref} pulled`)
-        //   modifiedDoc = client.modifyDoc(resData);
-        //   data = yaml.dump(modifiedDoc);
-        // } else {
-        //   resData = await client.all();
-        //   pullCount= resData.length
-        //   console.log(`Resource : ${resource}'s pulled with count: (${pullCount})`)
-        //   modifiedDocsArr = resData.map((doc: any) => {
-        //     let modifiedDoc = client.modifyDoc(doc);
-        //     return yaml.dump(modifiedDoc);
-        //   });
-        //   if (extname(output) === ".yaml") {
-        //     data = modifiedDocsArr.join("---\n");
-        //   } else {
-        //     if (!existsSync(output)) {
-        //       mkdirSync(output, { recursive: true });
-        //     }
-        //     dirFlag = true;
-        //     data = modifiedDocsArr;
-        //   }
-        // }
-        // if (dirFlag) {
-        //   for (const [index, doc] of data.entries()) {
-        //     let filepath = join(output, `${resData[index].uuid}.yaml`);
-        //     await this.writeToFile(filepath, doc);
-        //     console.log(`Resource : ${resource} with UUID: ${resData[index].uuid}  written to file` )
-        //   }
-        // } else {
-        //   await this.writeToFile(output, data);
-        //   console.log(`Resource : ${resource}'s pulled and wriiten to file with count:(${pullCount})`)
-        // }
-    }
-    async writeToFile(path, doc) {
-        if (existsSync(path)) {
-            let rl = readlinePromises.createInterface(stdin, stdout);
-            let ans = await rl.question(`Do You want override the output file: ${basename(path)} -(y,n):`);
-            if (ans.trim() === "y")
-                writeFileSync(path, doc);
-            rl.close();
-        }
-        else {
-            writeFileSync(path, doc);
-        }
-    }
-}
-export default new Pull;