GrandSchtroumpf

import { component$, useSignal, $ } from "@builder.io/qwik";
import { useWebWorker } from "./use-web-worker";

export default component$(() => {
  const count = useSignal(0);
  const { postMessage } = useWebWorker<string>({
    track: [count],
    // This code run in a web worker
    worker$: $(({ postMessage, onmessage }) => {
      // Receive message from the main thread

GrandSchtroumpf

import { component$, event$, useStyles$ } from "@builder.io/qwik";
import type { QwikSubmitEvent} from "@builder.io/qwik";
import { server$, useNavigate } from "@builder.io/qwik-city";
import { FormField, Label, Input } from "~/components/ui/form";
import { startRegistration } from '@simplewebauthn/browser';
import { generateRegistrationOptions, verifyRegistrationResponse } from "@simplewebauthn/server";
import type { RegistrationResponseJSON } from '@simplewebauthn/typescript-types';
import styles from './index.scss?inline';

const rpName = 'Test Company';

GrandSchtroumpf

query {
  badge(
    network: gnosis,
    id: "0xf61cabba1e6fc166a66bca0fcaa83762edb6d4bd-10000009",
  ) {
    balance
    metadata {
      name
      description
      image

GrandSchtroumpf

console.log('Hello World From External source');

GrandSchtroumpf

"assets": [
  "apps/vs-code/src/assets",
  "apps/vs-code/src/package.json"
]

GrandSchtroumpf

RouterModule.forRoot([], { useHash: true })

GrandSchtroumpf

{
  "version": "2.0.0",
  "tasks": [{
    "type": "npm",
    "script": "watch",
    "problemMatcher": "$tsc-watch",
    "isBackground": true,
    "presentation": {
      "reveal": "never"
    },

GrandSchtroumpf

import { commands, ExtensionContext, window, ViewColumn } from 'vscode';

// On activation
export function activate(context: ExtensionContext) {
  // Register command "start" 
  commands.registerCommand('start', () => {
    const panel = window.createWebviewPanel(
      'studio', // Key used to reference the panel
      'Studio', // Title display in the tab
      ViewColumn.Active, // Editor column to show the new webview panel in.

GrandSchtroumpf

import { commands, ExtensionContext, window, ViewColumn, Uri } from 'vscode';
import { promises as fs } from 'fs';
import { join } from 'path';

// On activation
export function activate(context: ExtensionContext) {
  // Register command "start" 
  commands.registerCommand('start', async () => {
    const panel = window.createWebviewPanel(
      'studio',

GrandSchtroumpf

{
  "name": "studio",
  "version": "0.0.0",
  "main": "main.js",
  "engines": {
    "vscode": "^1.44.0"
  },
  "contributes": {
    "commands": [{
      "command": "start",