@luna-park/plugin 1.0.4 → 1.0.6

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/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index-DmZsz62R.cjs");function o(e){return e}async function r(e,n){return typeof e=="function"?e({app:n.app,config:n.config,internal:n.internal,mode:n.mode||"editor"}):e}exports.ELogicScope=i.J;exports.ELogicType=i._;exports.EVarType=i.i;exports.LogicType=i.u;exports.LogicUtil=i.x;exports.makeLogicNode=i.T;exports.getPluginParam=r;exports.makePlugin=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-DmZsz62R.cjs");var n=(i=>(i.Color="color",i.FontSize="font-size",i.FontWeight="font-weight",i.FontFamily="font-family",i.Length="length",i.Time="time",i))(n||{});function e(i){return i}async function r(i,o){return typeof i=="function"?i({app:o.app,config:o.config,internal:o.internal,mode:o.mode||"editor"}):i}exports.ELogicScope=t.J;exports.ELogicType=t._;exports.EVarType=t.i;exports.LogicType=t.u;exports.LogicUtil=t.x;exports.makeLogicNode=t.T;exports.ETokenType=n;exports.getPluginParam=r;exports.makePlugin=e;

package/dist/index.d.ts

@@ -122,7 +122,7 @@ declare enum EThemeMode {
     Auto = "auto"
 }
 
-declare enum ETokenType {
+export declare enum ETokenType {
     Color = "color",
     FontSize = "font-size",
     FontWeight = "font-weight",
@@ -764,7 +764,7 @@ export declare type TPlugin<TConfig extends TSchema = TSchema, TInternal = unkno
     editor?: {
         components?: TOption<TEnv<TConfig, TInternal>, Array<TComponent>>;
         nodes?: TOption<TEnv<TConfig, TInternal>, Array<TLogicNode>>;
-        tokens?: TOption<TEnv<TConfig, TInternal>, Record<ETokenType, Record<string, TToken>>>;
+        tokens?: TOption<TEnv<TConfig, TInternal>, Array<TToken>>;
         wrapper?: TOption<TEnv<TConfig, TInternal>, Component>;
     };
     icon: string;
@@ -852,8 +852,10 @@ declare type TTextExport = {
     state: TStateExport;
 };
 
-declare type TToken = {
+export declare type TToken = {
+    id: string;
     name?: string;
+    type: ETokenType;
     value: string;
 };
 

package/dist/index.js

@@ -1,22 +1,24 @@
-import { J as r, _ as p, i as t, u, x as f, T as g } from "./index-CxGB_fZK.js";
-function n(o) {
-  return o;
+import { J as e, _ as f, i as g, u as l, x as m, T as u } from "./index-CxGB_fZK.js";
+var t = /* @__PURE__ */ ((i) => (i.Color = "color", i.FontSize = "font-size", i.FontWeight = "font-weight", i.FontFamily = "font-family", i.Length = "length", i.Time = "time", i))(t || {});
+function n(i) {
+  return i;
 }
-async function a(o, i) {
-  return typeof o == "function" ? o({
-    app: i.app,
-    config: i.config,
-    internal: i.internal,
-    mode: i.mode || "editor"
-  }) : o;
+async function a(i, o) {
+  return typeof i == "function" ? i({
+    app: o.app,
+    config: o.config,
+    internal: o.internal,
+    mode: o.mode || "editor"
+  }) : i;
 }
 export {
-  r as ELogicScope,
-  p as ELogicType,
-  t as EVarType,
-  u as LogicType,
-  f as LogicUtil,
+  e as ELogicScope,
+  f as ELogicType,
+  t as ETokenType,
+  g as EVarType,
+  l as LogicType,
+  m as LogicUtil,
   a as getPluginParam,
-  g as makeLogicNode,
+  u as makeLogicNode,
   n as makePlugin
 };

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,9 +1,12 @@
 {
   "name": "@luna-park/plugin",
-  "version": "1.0.4",
+  "version": "1.0.6",
   "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/lunapark"
@@ -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"
   },
   "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"
   }
 }