@eventra_dev/eventra-cli 0.0.4 → 0.0.6

package/tests/fixtures/frontend/vue/App.vue

@@ -0,0 +1,83 @@
+<script setup lang="ts">
+/* eslint-disable */
+
+declare function track(event: string): void
+declare function trackFeature(event: string): void
+
+declare const analytics: any
+
+const eventName = "variable_event"
+
+// ===== direct =====
+track("vue_event")
+
+// ===== multiline =====
+track(
+    "multiline_event"
+)
+
+// ===== template string =====
+track(`template_event`)
+
+// ===== wrapper function =====
+trackFeature("wrapper_function")
+
+// ===== object =====
+analytics.track("object_track")
+
+// ===== nested object =====
+analytics.events.track("nested_track")
+
+// ===== variable =====
+track(eventName)
+
+// ===== conditional =====
+if (true) {
+  track("conditional_event")
+}
+
+// ===== ternary =====
+true
+    ? track("ternary_a")
+    : track("ternary_b")
+
+// ===== function =====
+function test() {
+  track("function_event")
+}
+
+// ===== arrow =====
+const run = () => {
+  track("arrow_event")
+}
+
+// ===== class =====
+class Service {
+  run() {
+    track("class_event")
+  }
+}
+</script>
+
+<template>
+  <!-- basic -->
+  <Button event="vue_button" />
+
+  <!-- expression -->
+  <Button event="expression_event" />
+
+  <!-- nested -->
+  <div>
+    <Button event="nested_button" />
+  </div>
+
+  <!-- conditional -->
+  <Button
+      v-if="true"
+      event="conditional_button"
+  />
+
+  <!-- array -->
+  <Button event="array_1" />
+  <Button event="array_2" />
+</template>

package/tests/fixtures/wrappers/component/test.tsx

@@ -0,0 +1,62 @@
+/* eslint-disable */
+
+declare const Button: any;
+declare const TrackedButton: any;
+declare const MyButton: any;
+
+const eventName = "variable_event";
+
+export default function WrapperTest() {
+  return (
+    <>
+      {/* basic */}
+      <Button event="wrapper_button" />
+
+      {/* expression */}
+      <Button event={"expression_button"} />
+
+      {/* nested */}
+      <div>
+        <Button event="nested_button" />
+      </div>
+
+      {/* fragment */}
+      <>
+        <Button event="fragment_button" />
+      </>
+
+      {/* conditional */}
+      {true && (
+        <Button event="conditional_button" />
+      )}
+
+      {/* ternary */}
+      {true
+        ? <Button event="ternary_a_button" />
+        : <Button event="ternary_b_button" />
+      }
+
+      {/* array */}
+      {[
+        <Button key="1" event="array_1" />,
+        <Button key="2" event="array_2" />
+      ]}
+
+      {/* wrapper components */}
+      <TrackedButton event="tracked_button" />
+      <MyButton event="my_button" />
+
+      {/* multiline */}
+      <Button
+        event="multiline_button"
+      />
+
+      {/* deep nested */}
+      <div>
+        <section>
+          <Button event="deep_nested" />
+        </section>
+      </div>
+    </>
+  );
+}

package/tests/fixtures/wrappers/function/test.ts

@@ -0,0 +1,60 @@
+/* eslint-disable */
+
+declare function trackFeature(event: string): void;
+declare const analytics: any;
+
+const eventName = "variable_event";
+
+// ===== basic =====
+trackFeature("wrapper_function");
+
+// ===== multiline =====
+trackFeature(
+  "multiline_function"
+);
+
+// ===== template string =====
+trackFeature(`template_function`);
+
+// ===== conditional =====
+if (true) {
+  trackFeature("conditional_function");
+}
+
+// ===== ternary =====
+true
+  ? trackFeature("ternary_a")
+  : trackFeature("ternary_b");
+
+// ===== variable =====
+trackFeature(eventName);
+
+// ===== function =====
+function run() {
+  trackFeature("function_event");
+}
+
+// ===== arrow =====
+const test = () => {
+  trackFeature("arrow_event");
+};
+
+// ===== class =====
+class Service {
+  run() {
+    trackFeature("class_event");
+  }
+}
+
+// ===== nested function =====
+function outer() {
+  function inner() {
+    trackFeature("nested_function");
+  }
+}
+
+// ===== object wrapper =====
+analytics.trackFeature("object_wrapper");
+
+// ===== nested object wrapper =====
+analytics.events.trackFeature("nested_object_wrapper");

package/tests/run.ts

@@ -0,0 +1,120 @@
+import { spawnSync } from "child_process";
+import * as path from "path";
+import * as fs from "fs";
+
+const ROOT = path.resolve(__dirname, "..");
+const CLI = path.resolve(ROOT, "dist/index.js");
+
+const fixtures = [
+  "frontend/react",
+  "frontend/vue",
+  "frontend/next",
+
+  "backend/node",
+  "backend/express",
+  "backend/nest",
+
+  "wrappers/component",
+  "wrappers/function"
+];
+
+function runCLI(args: string[], cwd: string) {
+  const result = spawnSync(
+    process.execPath,
+    [CLI, ...args],
+    {
+      cwd,
+      encoding: "utf-8",
+      input: "\n"
+    }
+  );
+
+  return (result.stdout ?? "") + (result.stderr ?? "");
+}
+
+function ensureTestConfig(dir: string) {
+  const configPath = path.join(dir, "eventra.json");
+
+  if (fs.existsSync(configPath)) return;
+
+  const config = {
+    apiKey: "",
+    events: [],
+    wrappers: [
+      {
+        name: "Button",
+        prop: "event"
+      }
+    ],
+    functionWrappers: [
+      {
+        name: "trackFeature",
+        path: "0"
+      }
+    ],
+    sync: {
+      include: [
+        "**/*.{ts,tsx,js,jsx,vue,svelte,astro}"
+      ],
+      exclude: [
+        "node_modules",
+        "dist",
+        ".next",
+        ".git"
+      ]
+    }
+  };
+
+  fs.writeFileSync(
+    configPath,
+    JSON.stringify(config, null, 2)
+  );
+}
+
+function cleanup(dir: string) {
+  const configPath = path.join(dir, "eventra.json");
+
+  if (fs.existsSync(configPath)) {
+    fs.unlinkSync(configPath);
+  }
+}
+
+function runFixture(name: string) {
+  const dir = path.resolve(
+    __dirname,
+    "fixtures",
+    name
+  );
+
+  console.log(`\nRunning: ${name}`);
+
+  ensureTestConfig(dir);
+
+  runCLI(["init"], dir);
+
+  const output = runCLI(["sync"], dir);
+
+  const match =
+    output.match(/Found (\d+) events/);
+
+  const count = match ? match[1] : "0";
+
+  console.log(
+    `✓ ${name} OK (${count} events)`
+  );
+
+  // cleanup
+  cleanup(dir);
+}
+
+function run() {
+  for (const fixture of fixtures) {
+    runFixture(fixture);
+  }
+
+  console.log(
+    "\nAll fixtures passed"
+  );
+}
+
+run();

package/tsconfig.json

@@ -2,7 +2,9 @@
   "compilerOptions": {
     "target": "ES2022",
     "module": "CommonJS",
+    "rootDir": "src",
     "outDir": "dist",
+    "resolveJsonModule": true,
     "esModuleInterop": true,
     "strict": true,
     "skipLibCheck": true,