🏃

Author: samijaber

packages/sdks/snippets/angular-16-ssr/src/app/advanced-child/advanced-child-resolver.ts

@@ -1,9 +1,9 @@
 import { ResolveFn, RouterStateSnapshot } from '@angular/router';
 
 import { ActivatedRouteSnapshot } from '@angular/router';
-import { fetchOneEntry } from '@builder.io/sdk-angular';
+import { BuilderContent, fetchOneEntry } from '@builder.io/sdk-angular';
 
-export const advancedChildResolver: ResolveFn<any> = async (
+export const advancedChildResolver: ResolveFn<BuilderContent | null> = async (
   _route: ActivatedRouteSnapshot,
   state: RouterStateSnapshot
 ) => {

packages/sdks/snippets/angular-16-ssr/src/app/announcement-bar/announcement-bar.resolver.ts

@@ -1,7 +1,11 @@
 import type { ActivatedRouteSnapshot, ResolveFn } from '@angular/router';
-import { fetchOneEntry, getBuilderSearchParams } from '@builder.io/sdk-angular';
+import {
+  BuilderContent,
+  fetchOneEntry,
+  getBuilderSearchParams,
+} from '@builder.io/sdk-angular';
 
-export const announcementBarResolver: ResolveFn<any> = (
+export const announcementBarResolver: ResolveFn<BuilderContent | null> = (
   route: ActivatedRouteSnapshot
 ) => {
   const urlPath = `/${route.url.join('/')}`;

packages/sdks/snippets/angular-16-ssr/src/app/blog-article/blog-article.resolver.ts

@@ -1,7 +1,9 @@
 import type { ResolveFn } from '@angular/router';
-import { fetchOneEntry } from '@builder.io/sdk-angular';
+import { BuilderContent, fetchOneEntry } from '@builder.io/sdk-angular';
 
-export const blogArticleResolver: ResolveFn<any> = async () => {
+export const blogArticleResolver: ResolveFn<
+  BuilderContent | null
+> = async () => {
   return fetchOneEntry({
     apiKey: 'ee9f13b4981e489a9a1209887695ef2b',
     model: 'blog-article',

packages/sdks/snippets/angular-16-ssr/src/app/catch-all/catch-all.resolver.ts

@@ -1,7 +1,11 @@
 import type { ActivatedRouteSnapshot, ResolveFn } from '@angular/router';
-import { fetchOneEntry, getBuilderSearchParams } from '@builder.io/sdk-angular';
+import {
+  BuilderContent,
+  fetchOneEntry,
+  getBuilderSearchParams,
+} from '@builder.io/sdk-angular';
 
-export const catchAllResolver: ResolveFn<any> = (
+export const catchAllResolver: ResolveFn<BuilderContent | null> = (
   route: ActivatedRouteSnapshot
 ) => {
   const urlPath = `/${route.url.join('/')}`;

packages/sdks/snippets/angular-16-ssr/src/app/custom-child/custom-child.resolver.ts

@@ -3,9 +3,9 @@ import {
   ResolveFn,
   RouterStateSnapshot,
 } from '@angular/router';
-import { fetchOneEntry } from '@builder.io/sdk-angular';
+import { BuilderContent, fetchOneEntry } from '@builder.io/sdk-angular';
 
-export const customChildResolver: ResolveFn<any> = async (
+export const customChildResolver: ResolveFn<BuilderContent | null> = async (
   _route: ActivatedRouteSnapshot,
   state: RouterStateSnapshot
 ) => {

packages/sdks/snippets/angular-16-ssr/src/app/editable-regions/editable-regions-resolver.ts

@@ -3,9 +3,9 @@ import {
   ResolveFn,
   RouterStateSnapshot,
 } from '@angular/router';
-import { fetchOneEntry } from '@builder.io/sdk-angular';
+import { BuilderContent, fetchOneEntry } from '@builder.io/sdk-angular';
 
-export const editableRegionsResolver: ResolveFn<any> = async (
+export const editableRegionsResolver: ResolveFn<BuilderContent | null> = async (
   _route: ActivatedRouteSnapshot,
   state: RouterStateSnapshot
 ) => {

packages/sdks/snippets/angular-16-ssr/src/app/live-preview/live-preview.resolver.ts

@@ -1,7 +1,7 @@
 import type { ActivatedRouteSnapshot, ResolveFn } from '@angular/router';
-import { fetchOneEntry } from '@builder.io/sdk-angular';
+import { BuilderContent, fetchOneEntry } from '@builder.io/sdk-angular';
 
-export const livePreviewResolver: ResolveFn<any> = (
+export const livePreviewResolver: ResolveFn<BuilderContent | null> = (
   route: ActivatedRouteSnapshot
 ) => {
   const urlPath = `/${route.url.join('/')}`;

packages/sdks/snippets/angular-16-ssr/src/app/product-details/product-details.resolver.ts

@@ -1,7 +1,7 @@
 import { ActivatedRouteSnapshot, ResolveFn } from '@angular/router';
-import { fetchOneEntry } from '@builder.io/sdk-angular';
+import { BuilderContent, fetchOneEntry } from '@builder.io/sdk-angular';
 
-export const productDetailsResolver: ResolveFn<any> = async (
+export const productDetailsResolver: ResolveFn<BuilderContent | null> = async (
   route: ActivatedRouteSnapshot
 ) => {
   const handle = route.paramMap.get('handle') || 'jacket';

packages/sdks/snippets/angular-16-ssr/src/app/product-editorial/product-editorial.resolver.ts

@@ -1,9 +1,9 @@
 import { ActivatedRouteSnapshot, ResolveFn } from '@angular/router';
-import { fetchOneEntry } from '@builder.io/sdk-angular';
+import { BuilderContent, fetchOneEntry } from '@builder.io/sdk-angular';
 
-export const productEditorialResolver: ResolveFn<any> = async (
-  route: ActivatedRouteSnapshot
-) => {
+export const productEditorialResolver: ResolveFn<
+  BuilderContent | null
+> = async (route: ActivatedRouteSnapshot) => {
   const productId = route.paramMap.get('id');
   const urlPath = `/products/${productId}`;
 

packages/sdks/snippets/gen1-react/src/routes/advanced-child.tsx

@@ -1,4 +1,8 @@
-import builder, { Builder, BuilderComponent } from '@builder.io/react';
+import builder, {
+  Builder,
+  BuilderComponent,
+  type BuilderContent,
+} from '@builder.io/react';
 import { useEffect, useState } from 'react';
 import CustomTabs from '../components/CustomTabs';
 
@@ -26,7 +30,7 @@ Builder.registerComponent(CustomTabs, {
 });
 
 export default function AdvancedChild() {
-  const [content, setContent] = useState<any>(null);
+  const [content, setContent] = useState<BuilderContent | null>(null);
 
   useEffect(() => {
     builder

packages/sdks/snippets/gen1-react/src/routes/custom-child.tsx

@@ -2,6 +2,7 @@ import builder, {
   Builder,
   BuilderComponent,
   withChildren,
+  type BuilderContent,
 } from '@builder.io/react';
 import React, { useEffect, useState } from 'react';
 import CustomHero from '../components/CustomHero';
@@ -26,7 +27,7 @@ Builder.registerComponent(HeroWithBuilderChildren, {
 });
 
 function CustomChild() {
-  const [content, setContent] = useState<any>(null);
+  const [content, setContent] = useState<BuilderContent | null>(null);
   useEffect(() => {
     builder
       .get('custom-child', {

packages/sdks/snippets/gen1-react/src/routes/editable-region.tsx

@@ -1,6 +1,9 @@
 // routes/editable-region.tsx
-
-import builder, { Builder, BuilderComponent } from '@builder.io/react';
+import builder, {
+  Builder,
+  BuilderComponent,
+  type BuilderContent,
+} from '@builder.io/react';
 import { useEffect, useState } from 'react';
 import CustomColumns from '../components/CustomColumns';
 
@@ -23,7 +26,7 @@ Builder.registerComponent(CustomColumns, {
 });
 
 export default function EditableRegion() {
-  const [content, setContent] = useState<any>(null);
+  const [content, setContent] = useState<BuilderContent | null>(null);
 
   useEffect(() => {
     builder

packages/sdks/snippets/vue/src/views/LivePreview.vue

@@ -10,9 +10,13 @@
 <script setup lang="ts">
 import { ref, onMounted, onBeforeUnmount, watch } from 'vue';
 import { useRoute } from 'vue-router';
-import { fetchOneEntry, subscribeToEditor } from '@builder.io/sdk-vue';
+import {
+  type BuilderContent,
+  fetchOneEntry,
+  subscribeToEditor,
+} from '@builder.io/sdk-vue';
 
-const content = ref<any>(null);
+const content = ref<BuilderContent | null>(null);
 const loading = ref(true);
 
 const route = useRoute();