@doppelgangerdev/doppelganger 0.2.2

package/n8n-nodes-doppelganger/package.json

@@ -0,0 +1,36 @@
+{
+  "name": "n8n-nodes-doppelganger",
+  "version": "0.2.1",
+  "description": "n8n node for running Doppelganger tasks",
+  "license": "Apache-2.0",
+  "keywords": [
+    "n8n-community-node-package",
+    "doppelganger",
+    "automation"
+  ],
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsc -p tsconfig.json && copyfiles -u 1 \"src/nodes/**/*.{png,svg}\" dist"
+  },
+  "dependencies": {
+    "n8n-workflow": "^1.0.0"
+  },
+  "devDependencies": {
+    "copyfiles": "^2.4.1",
+    "n8n-core": "^1.0.0",
+    "typescript": "^5.4.0"
+  },
+  "n8n": {
+    "n8nNodesApiVersion": 1,
+    "nodes": [
+      "dist/nodes/Doppelganger/Doppelganger.node.js"
+    ],
+    "credentials": [
+      "dist/credentials/DoppelgangerApi.credentials.js"
+    ]
+  }
+}

package/n8n-nodes-doppelganger/src/credentials/DoppelgangerApi.credentials.ts

@@ -0,0 +1,35 @@
+import type { ICredentialType, INodeProperties } from 'n8n-workflow';
+
+export class DoppelgangerApi implements ICredentialType {
+  name = 'doppelgangerApi';
+  displayName = 'Doppelganger API';
+  documentationUrl = 'https://doppelgangerdev.com/docs/api-authentication-and-secure-access';
+  properties: INodeProperties[] = [
+    {
+      displayName: 'Base URL',
+      name: 'baseUrl',
+      type: 'string',
+      default: 'http://localhost:11345',
+      required: true,
+      description: 'Doppelganger server base URL',
+    },
+    {
+      displayName: 'API Key',
+      name: 'apiKey',
+      type: 'string',
+      typeOptions: { password: true },
+      default: '',
+      required: true,
+      description: 'API key from Doppelganger Settings',
+    },
+  ];
+
+  authenticate = {
+    type: 'generic',
+    properties: {
+      headers: {
+        'x-api-key': '={{$credentials.apiKey}}',
+      },
+    },
+  } as const;
+}

package/n8n-nodes-doppelganger/src/index.ts

@@ -0,0 +1,4 @@
+import { Doppelganger } from './nodes/Doppelganger/Doppelganger.node';
+import { DoppelgangerApi } from './credentials/DoppelgangerApi.credentials';
+
+export { Doppelganger, DoppelgangerApi };

package/n8n-nodes-doppelganger/src/nodes/Doppelganger/Doppelganger.node.ts

@@ -0,0 +1,147 @@
+import type {
+  IDataObject,
+  IExecuteFunctions,
+  IHttpRequestMethods,
+  INodeExecutionData,
+  INodeType,
+  INodeTypeDescription,
+} from 'n8n-workflow';
+import { NodeOperationError } from 'n8n-workflow';
+
+export class Doppelganger implements INodeType {
+  description: INodeTypeDescription = {
+    displayName: 'Doppelganger',
+    name: 'doppelganger',
+    icon: 'file:icon.png',
+    group: ['transform'],
+    version: 1,
+    description: 'Run a Doppelganger task via the API',
+    defaults: {
+      name: 'Execute Task',
+    },
+    inputs: ['main'],
+    outputs: ['main'],
+    usableAsTool: true,
+    credentials: [
+      {
+        name: 'doppelgangerApi',
+        required: true,
+      },
+    ],
+    properties: [
+      {
+        displayName: 'Operation',
+        name: 'operation',
+        type: 'options',
+        noDataExpression: true,
+        options: [
+          {
+            name: 'Execute Task',
+            value: 'executeTask',
+            description: 'Run a Doppelganger task',
+            action: 'Execute a task',
+          },
+        ],
+        default: 'executeTask',
+      },
+      {
+        displayName: 'Task ID',
+        name: 'taskId',
+        type: 'string',
+        default: '',
+        required: true,
+        description: 'Task ID from the Doppelganger dashboard',
+      },
+      {
+        displayName: 'Variables',
+        name: 'variables',
+        type: 'fixedCollection',
+        default: {},
+        required: false,
+        description: 'Optional task variables to override',
+        typeOptions: {
+          multipleValues: true,
+        },
+        options: [
+          {
+            name: 'values',
+            displayName: 'Variable',
+            values: [
+              {
+                displayName: 'Name',
+                name: 'name',
+                type: 'string',
+                default: '',
+                required: true,
+              },
+              {
+                displayName: 'Value',
+                name: 'value',
+                type: 'string',
+                default: '',
+              },
+            ],
+          },
+        ],
+      },
+    ],
+  };
+
+  async execute(this: IExecuteFunctions): Promise<INodeExecutionData[][]> {
+    const items = this.getInputData();
+    const returnData: INodeExecutionData[] = [];
+
+    for (let i = 0; i < items.length; i++) {
+      const operation = this.getNodeParameter('operation', i) as string;
+      if (operation !== 'executeTask') {
+        throw new NodeOperationError(this.getNode(), 'Unsupported operation.', {
+          itemIndex: i,
+        });
+      }
+
+      const taskId = this.getNodeParameter('taskId', i) as string;
+      const variablesRaw = this.getNodeParameter('variables', i) as {
+        values?: Array<{ name?: string; value?: string }>;
+      };
+
+      const variables: IDataObject = {};
+      if (variablesRaw?.values?.length) {
+        for (const entry of variablesRaw.values) {
+          const key = (entry.name || '').trim();
+          if (!key) {
+            continue;
+          }
+          variables[key] = entry.value ?? '';
+        }
+      }
+
+      const credentials = await this.getCredentials('doppelgangerApi');
+      const baseUrl = String(credentials.baseUrl || '').replace(/\/+$/, '');
+
+      if (!baseUrl) {
+        throw new NodeOperationError(this.getNode(), 'Base URL is required in credentials.', {
+          itemIndex: i,
+        });
+      }
+
+      const options = {
+        method: 'POST' as IHttpRequestMethods,
+        url: `${baseUrl}/tasks/${encodeURIComponent(taskId)}/api`,
+        body: {
+          variables,
+        },
+        json: true,
+      };
+
+      const response = await this.helpers.requestWithAuthentication.call(
+        this,
+        'doppelgangerApi',
+        options,
+      );
+
+      returnData.push({ json: response as IDataObject });
+    }
+
+    return [returnData];
+  }
+}

package/n8n-nodes-doppelganger/tsconfig.json

@@ -0,0 +1,14 @@
+{
+  "compilerOptions": {
+    "target": "ES2019",
+    "module": "commonjs",
+    "lib": ["ES2019"],
+    "declaration": true,
+    "outDir": "dist",
+    "rootDir": "src",
+    "strict": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true
+  },
+  "include": ["src/**/*.ts"]
+}

package/package.json

@@ -0,0 +1,45 @@
+{
+  "name": "@doppelgangerdev/doppelganger",
+  "version": "0.2.2",
+  "main": "index.js",
+  "scripts": {
+    "dev": "vite",
+    "server": "node server.js",
+    "start": "node server.js",
+    "build": "tsc && vite build",
+    "preview": "vite preview",
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "description": "",
+  "dependencies": {
+    "bcryptjs": "^3.0.3",
+    "express": "^5.2.1",
+    "express-session": "^1.18.2",
+    "jsdom": "^22.1.0",
+    "lucide-react": "^0.562.0",
+    "pg": "^8.16.3",
+    "playwright": "^1.57.0",
+    "playwright-extra": "^4.3.6",
+    "puppeteer-extra-plugin-stealth": "^2.11.2",
+    "react": "^19.2.3",
+    "react-dom": "^19.2.3",
+    "react-router-dom": "^7.11.0",
+    "session-file-store": "^1.5.0"
+  },
+  "devDependencies": {
+    "@tailwindcss/postcss": "^4.1.18",
+    "@types/node": "^25.0.3",
+    "@types/react": "^19.2.7",
+    "@types/react-dom": "^19.2.3",
+    "@vitejs/plugin-react": "^5.1.2",
+    "autoprefixer": "^10.4.23",
+    "cross-env": "^10.1.0",
+    "postcss": "^8.5.6",
+    "tailwindcss": "^3.4.19",
+    "typescript": "^5.9.3",
+    "vite": "^7.3.0"
+  }
+}

package/postcss.config.js

@@ -0,0 +1,6 @@
+export default {
+    plugins: {
+        tailwindcss: {},
+        autoprefixer: {},
+    },
+};

package/public/novnc.html

@@ -0,0 +1,151 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta
+      name="viewport"
+      content="width=device-width, initial-scale=1, maximum-scale=1"
+    />
+    <title>Headful Browser</title>
+    <style>
+      :root {
+        color-scheme: dark;
+      }
+      html,
+      body {
+        width: 100%;
+        height: 100%;
+        margin: 0;
+        background: #050505;
+        overflow: hidden;
+        font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, sans-serif;
+      }
+      #screen {
+        width: 100%;
+        height: 100%;
+      }
+      #status {
+        position: absolute;
+        top: 12px;
+        left: 12px;
+        background: rgba(0, 0, 0, 0.6);
+        border: 1px solid rgba(255, 255, 255, 0.1);
+        padding: 6px 10px;
+        border-radius: 10px;
+        font-size: 11px;
+        letter-spacing: 0.08em;
+        text-transform: uppercase;
+        color: #d1d5db;
+        pointer-events: none;
+      }
+      #status.hidden {
+        display: none;
+      }
+      #controls {
+        position: absolute;
+        top: 12px;
+        right: 12px;
+        display: flex;
+        gap: 6px;
+        z-index: 10;
+      }
+      #controls button {
+        background: rgba(0, 0, 0, 0.6);
+        border: 1px solid rgba(255, 255, 255, 0.1);
+        color: #d1d5db;
+        font-size: 10px;
+        letter-spacing: 0.08em;
+        text-transform: uppercase;
+        padding: 6px 10px;
+        border-radius: 10px;
+        cursor: pointer;
+      }
+      #controls button:hover {
+        border-color: rgba(255, 255, 255, 0.3);
+      }
+    </style>
+  </head>
+  <body>
+    <div id="status">Connecting...</div>
+    <div id="controls">
+      <button id="reset-keys" type="button">Reset Keys</button>
+      <button id="toggle-caps" type="button">Toggle Caps</button>
+    </div>
+    <div id="screen"></div>
+    <script type="module">
+      import RFB from '/novnc/core/rfb.js';
+
+      const params = new URLSearchParams(window.location.search);
+      const host = params.get('host') || window.location.hostname;
+      const port = params.get('port') || '54311';
+      const path = params.get('path') || 'websockify';
+      const proto = window.location.protocol === 'https:' ? 'wss' : 'ws';
+      const wsUrl = `${proto}://${host}:${port}/${path}`;
+
+      const statusEl = document.getElementById('status');
+      const screen = document.getElementById('screen');
+      const rfb = new RFB(screen, wsUrl);
+      rfb.scaleViewport = true;
+      rfb.resizeSession = true;
+      rfb.showDotCursor = false;
+      rfb.clipViewport = false;
+
+      const sendKey = (keysym, code, down) => {
+        if (typeof rfb.sendKey !== 'function') return;
+        try {
+          rfb.sendKey(keysym, code, down);
+        } catch (err) {
+          // ignore
+        }
+      };
+
+      const clearModifiers = () => {
+        const modifiers = [
+          [0xFFE1, 'ShiftLeft'],
+          [0xFFE2, 'ShiftRight'],
+          [0xFFE3, 'ControlLeft'],
+          [0xFFE4, 'ControlRight'],
+          [0xFFE9, 'AltLeft'],
+          [0xFFEA, 'AltRight'],
+          [0xFFE7, 'MetaLeft'],
+          [0xFFE8, 'MetaRight']
+        ];
+        modifiers.forEach(([keysym, code]) => sendKey(keysym, code, false));
+      };
+
+      const toggleCaps = () => {
+        sendKey(0xFFE5, 'CapsLock', true);
+        sendKey(0xFFE5, 'CapsLock', false);
+      };
+
+      const resetButton = document.getElementById('reset-keys');
+      const capsButton = document.getElementById('toggle-caps');
+      if (resetButton) {
+        resetButton.addEventListener('click', () => {
+          clearModifiers();
+        });
+      }
+      if (capsButton) {
+        capsButton.addEventListener('click', () => {
+          toggleCaps();
+          clearModifiers();
+        });
+      }
+
+      window.addEventListener('focus', () => {
+        clearModifiers();
+      });
+      window.addEventListener('blur', () => {
+        clearModifiers();
+      });
+
+      rfb.addEventListener('connect', () => {
+        statusEl.classList.add('hidden');
+      });
+      rfb.addEventListener('disconnect', () => {
+        statusEl.classList.remove('hidden');
+        statusEl.textContent = 'Disconnected';
+      });
+    </script>
+  </body>
+</html>

package/public/styles.css

@@ -0,0 +1,86 @@
+/* Doppelgänger Shared Styles */
+
+.glass {
+    background: rgba(10, 10, 10, 0.9);
+    backdrop-filter: blur(64px);
+    -webkit-backdrop-filter: blur(64px);
+}
+
+.glass-card {
+    background: rgba(255, 255, 255, 0.015);
+    backdrop-filter: blur(16px);
+    -webkit-backdrop-filter: blur(16px);
+    border: 1px solid rgba(255, 255, 255, 0.08);
+    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+}
+
+.glass-card:hover {
+    background: rgba(255, 255, 255, 0.04);
+    border-color: rgba(255, 255, 255, 0.15);
+}
+
+.shine-effect {
+    position: relative;
+    overflow: hidden;
+}
+
+.shine-effect::after {
+    content: '';
+    position: absolute;
+    top: -50%;
+    left: -100%;
+    width: 33.333333%;
+    height: 200%;
+    background: rgba(255, 255, 255, 0.2);
+    transform: rotate(25deg);
+    pointer-events: none;
+    transition: none;
+}
+
+.shine-effect:hover::after {
+    left: 150%;
+    transition: left 0.7s ease-in-out;
+}
+
+.custom-scrollbar::-webkit-scrollbar {
+    width: 4px;
+    height: 4px;
+}
+
+.custom-scrollbar::-webkit-scrollbar-track {
+    background: transparent;
+}
+
+.custom-scrollbar::-webkit-scrollbar-thumb {
+    background: rgba(255, 255, 255, 0.1);
+    border-radius: 9999px;
+}
+
+.custom-scrollbar::-webkit-scrollbar-thumb:hover {
+    background: rgba(255, 255, 255, 0.2);
+}
+
+.custom-select {
+    appearance: none;
+    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='white' stroke-opacity='0.4'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");
+    background-repeat: no-repeat;
+    background-position: right 1rem center;
+    background-size: 1em;
+}
+
+.custom-select option {
+    background: #0a0a0a;
+    color: white;
+}
+
+.action-card-item.dragging {
+    opacity: 0.5;
+}
+
+.action-card-item.drag-over-top {
+    border-top: 2px solid rgba(59, 130, 246, 0.5);
+}
+
+.action-card-item.drag-over-bottom {
+    border-bottom: 2px solid rgba(59, 130, 246, 0.5);
+}