Resolved Package

type ResolvedPackage {
  package: ResolvedPackageData!
  dependencies: [ResolvedPackageData!]!
}

query GetContentResolved($id: ID!) {
  content(id: $id) {
    compiled
    resolvedPackage {
      package {
        version
        components
        assets
      }
      dependencies {
        version
        components
        assets
      }
    }
  }
}

type ResolvedPackageRef {
  package: ID!
  cdnUrl: String
  dependencies: [ID!]!
}

query GetContentWithCaching($id: ID!) {
  content(id: $id) {
    compiled
    resolvedRef {
      package
      dependencies
    }
  }
}

{
  "data": {
    "content": {
      "compiled": "const body = () => { ... }",
      "resolvedRef": {
        "package": "abc123def456...",
        "dependencies": ["xyz789ghi012..."]
      }
    }
  }
}

type ResolvedPackageData {
  id: ID!
  version: String!
  components: String!
  assets: String!
  cdnUrl: String
}

{
  "ProductCard": "const body = (props) => { return VStack([...]) }",
  "ArticleLayout": "const body = (props) => { return ScrollView([...]) }"
}

{
  "ProductCard": [
    { "name": "placeholder", "url": "https://cdn.metabind.ai/..." }
  ],
  "ArticleLayout": []
}

draft:{projectId}:{organizationId}

function isDraftPackage(id) {
  return id.startsWith('draft:');
}

// Only cache published packages
if (!isDraftPackage(packageId)) {
  cache.set(packageId, data);
}

const packageCache = new Map();

async function getPackageData(id) {
  // Draft packages: always fetch fresh
  if (id.startsWith('draft:')) {
    return await fetchPackageData(id);
  }

  // Published packages: cache forever
  if (packageCache.has(id)) {
    return packageCache.get(id);
  }

  const data = await fetchPackageData(id);
  packageCache.set(id, data);
  return data;
}