@luna-park/plugin 1.0.3 → 1.0.5

package/README.md

@@ -18,22 +18,19 @@ The primary way to define a plugin is using the `makePlugin` helper function. Th
 import { makePlugin, ELogicType } from "@luna-park/plugin";
 import awesomeIcon from "./awesome-icon.svg"; // Icon URL
 
-// Define your plugin's configuration schema (optional)
-const config = LogicType.object({
-    apiKey: LogicType.string(),
-    theme: LogicType.string({enum: ["light", "dark"], default: "dark"}),
-}) satisfies TSchema;
-
 export default makePlugin({
     id: "my-awesome-plugin",
     name: "My Awesome Plugin",
     icon: awesomeIcon, // Icon URL
     description: "Adds amazing capabilities to Luna Park.",
 
-    // Plugin configuration schema
-    config: ConfigSchema,
+    // Plugin configuration schema (optional)
+    config: LogicType.object({
+        apiKey: LogicType.string(),
+        theme: LogicType.string({enum: ["light", "dark"], default: "dark"}),
+    }),
 
-    // Lifecycle hooks
+    // Lifecycle hooks (optional)
     lifecycle: {
         mount: async (env) => {
             console.log("Plugin mounted", env.config.apiKey);
@@ -48,7 +45,7 @@ export default makePlugin({
 
     // Extend the editor
     editor: {
-        // Register custom Vue components for the editor
+        // Register custom Vue components for the editor (optional)
         components: [
             {
                 name: "Element/Avatar",
@@ -63,7 +60,8 @@ export default makePlugin({
             }
             // ... component definitions
         ],
-        // Register custom logic nodes
+        
+        // Register custom logic nodes (optional)
         nodes: [
             makeLogicNode({
                 name: "log/stuff",
@@ -86,10 +84,12 @@ export default makePlugin({
             })
             // ... node definitions
         ],
-        wrapper : MyWrapperComponent, // Custom wrapper component for the editor
+        
+        // Register wrapper for the editor (optional)
+        wrapper : MyWrapperComponent,
     },
     
-    // Code injection options
+    // Code injection options (optional)
     inject: {
         css: "body { background-color: #000; }",
         js: "console.log('Hello world!')"

package/bin/preview.js

@@ -0,0 +1,50 @@
+#!/usr/bin/env node
+import { parseArgs } from "node:util";
+
+import { resolve } from "path";
+
+import { startPreviewServer } from "../dist/preview.js";
+
+const cwd = process.cwd();
+
+// Parse CLI arguments
+const { values } = parseArgs({
+    options: {
+        dist: {
+            default: "dist",
+            short: "d",
+            type: "string"
+        },
+        help: {
+            default: false,
+            short: "h",
+            type: "boolean"
+        },
+        port: {
+            default: "2084",
+            short: "p",
+            type: "string"
+        }
+    }
+});
+
+if (values.help) {
+    console.log(`
+Usage: luna-preview [options]
+
+Options:
+  -p, --port <port>    Port to run the server on (default: 2084)
+  -d, --dist <dir>     Distribution directory to serve (default: dist)
+  -h, --help           Show this help message
+  `);
+    process.exit(0);
+}
+
+const dist = resolve(cwd, values.dist);
+const port = parseInt(values.port);
+
+startPreviewServer({
+    dist,
+    externals: ["vue", "vue-router"],
+    port
+});

package/dist/preview.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("@fastify/cors"),p=require("@fastify/static"),f=require("fastify"),a=require("fs"),o=require("path");function d(t,e){return t.replace(/import\s+(.*?)\s+from\s+['"]([^.'/][^'"]*)['"]/g,(r,s,n)=>e.includes(n)?r:`import ${s} from 'https://esm.sh/${n}'`).replace(/import\s+['"]([^.'/][^'"]*)['"]/g,(r,s)=>e.includes(s)?r:`import 'https://esm.sh/${s}'`)}async function m(t){const e=f({logger:!1});e.register(l,{origin:["https://luna-park.app",/localhost:[0-9]+/,/127\.0\.0\.1:[0-9]+/]}),e.addHook("onRequest",async(r,s)=>{const n=r.url==="/"?"/index.js":r.url;let i=o.join(t.dist,n);if(!a.existsSync(i)&&!o.extname(r.url)&&(i=o.join(t.dist,"index.js")),!a.existsSync(i))return;if(o.extname(i)===".js"){const c=a.readFileSync(i,"utf-8"),u=d(c,t.externals);return s.type("application/javascript").send(u),s}}),e.register(p,{prefix:"/",root:t.dist}),await e.listen({host:"127.0.0.1",port:t.port}),console.log(`Preview server started at http://127.0.0.1:${t.port}`)}exports.startPreviewServer=m;

package/dist/preview.d.ts

@@ -0,0 +1,7 @@
+export declare function startPreviewServer(config: {
+    dist: string;
+    externals: Array<string>;
+    port: number;
+}): Promise<void>;
+
+export { }

package/dist/preview.js

@@ -0,0 +1,39 @@
+import l from "@fastify/cors";
+import c from "@fastify/static";
+import u from "fastify";
+import { existsSync as n, readFileSync as d } from "fs";
+import { join as a, extname as p } from "path";
+function h(t, r) {
+  return t.replace(
+    /import\s+(.*?)\s+from\s+['"]([^.'/][^'"]*)['"]/g,
+    (e, s, i) => r.includes(i) ? e : `import ${s} from 'https://esm.sh/${i}'`
+  ).replace(
+    /import\s+['"]([^.'/][^'"]*)['"]/g,
+    (e, s) => r.includes(s) ? e : `import 'https://esm.sh/${s}'`
+  );
+}
+async function w(t) {
+  const r = u({ logger: !1 });
+  r.register(l, {
+    origin: [
+      "https://luna-park.app",
+      /localhost:[0-9]+/,
+      /127\.0\.0\.1:[0-9]+/
+    ]
+  }), r.addHook("onRequest", async (e, s) => {
+    const i = e.url === "/" ? "/index.js" : e.url;
+    let o = a(t.dist, i);
+    if (!n(o) && !p(e.url) && (o = a(t.dist, "index.js")), !n(o))
+      return;
+    if (p(o) === ".js") {
+      const f = d(o, "utf-8"), m = h(f, t.externals);
+      return s.type("application/javascript").send(m), s;
+    }
+  }), r.register(c, {
+    prefix: "/",
+    root: t.dist
+  }), await r.listen({ host: "127.0.0.1", port: t.port }), console.log(`Preview server started at http://127.0.0.1:${t.port}`);
+}
+export {
+  w as startPreviewServer
+};

package/package.json

@@ -1,12 +1,15 @@
 {
   "name": "@luna-park/plugin",
-  "version": "1.0.3",
+  "version": "1.0.5",
   "private": false,
   "description": "Plugin helper for Luna Park.",
   "homepage": "https://luna-park.app",
+  "bin": {
+    "luna-preview": "./bin/preview.js"
+  },
   "repository": {
     "type": "git",
-    "url": "https://github.com/lunapark"
+    "url": "https://github.com/lunapark/lunapark"
   },
   "author": {
     "name": "Luna Park",
@@ -31,27 +34,31 @@
   "files": [
     "dist/**"
   ],
-  "dependencies": {
-    "@fortawesome/fontawesome-svg-core": "^7.1.0",
-    "vite": "^7.2.2",
-    "vue": "^3.5.24"
-  },
   "devDependencies": {
+    "@fastify/cors": "^11.1.0",
+    "@fastify/static": "^8.3.0",
+    "@fortawesome/fontawesome-svg-core": "^7.1.0",
     "@luna-park/eslint-config": "^1.0.2",
     "@microsoft/api-extractor": "^7.55.0",
-    "@vitest/ui": "^4.0.10",
+    "@vitest/ui": "^4.0.12",
     "eslint": "^9.39.1",
-    "rimraf": "^6.1.0",
+    "fastify": "^5.6.2",
+    "rimraf": "^6.1.2",
     "typescript": "^5.9.3",
     "typescript-eslint": "^8.47.0",
     "unplugin-dts": "1.0.0-beta.6",
-    "vitest": "^4.0.10",
+    "vite": "^7.2.4",
+    "vitest": "^4.0.12",
+    "vue": "^3.5.24",
     "@luna-park/logicnodes": "^2.0.0",
-    "@luna-park/utils": "^2.0.0",
-    "@luna-park/shared": "^1.0.0"
+    "@luna-park/shared": "^1.0.0",
+    "@luna-park/utils": "^2.0.0"
   },
   "peerDependencies": {
+    "@fastify/cors": "^11.1.0",
+    "@fastify/static": "^8.3.0",
     "@fortawesome/fontawesome-svg-core": "^7.1.0",
+    "fastify": "^5.6.2",
     "typescript": "^5.9.3",
     "vite": "^7.2.1",
     "vue": "^3.5.23"
@@ -60,6 +67,7 @@
     "build": "rimraf dist && vite build",
     "dev": "vite build --watch --minify=false",
     "dev:test": "vitest --ui",
-    "test": "vitest"
+    "test": "vitest",
+    "test:preview": "node bin/preview.js"
   }
 }