diff --git a/.deco/blocks/Header.json b/.deco/blocks/Header.json
index d737708a..855770e7 100644
--- a/.deco/blocks/Header.json
+++ b/.deco/blocks/Header.json
@@ -65,5 +65,6 @@
"children": []
}
],
- "loading": "eager"
+ "loading": "eager",
+ "name": "Marcos"
}
\ No newline at end of file
diff --git a/.deco/blocks/Preview%20site%2Fsections%2FHeader%2FHeader.tsx.json b/.deco/blocks/Preview%20site%2Fsections%2FHeader%2FHeader.tsx.json
new file mode 100644
index 00000000..160ce88f
--- /dev/null
+++ b/.deco/blocks/Preview%20site%2Fsections%2FHeader%2FHeader.tsx.json
@@ -0,0 +1,17 @@
+{
+ "__resolveType": "site/sections/Header/Header.tsx",
+ "alerts": [],
+ "navItems": [],
+ "searchbar": {
+ "placeholder": "What are you looking for?",
+ "loader": {
+ "data": {
+ "searches": [],
+ "products": []
+ },
+ "__resolveType": "resolved"
+ }
+ },
+ "logo": {},
+ "loading": "eager"
+}
\ No newline at end of file
diff --git a/.deco/blocks/Preview%20site%2Fsections%2FImages%2FCarousel.tsx.json b/.deco/blocks/Preview%20site%2Fsections%2FImages%2FCarousel.tsx.json
new file mode 100644
index 00000000..f3e69faa
--- /dev/null
+++ b/.deco/blocks/Preview%20site%2Fsections%2FImages%2FCarousel.tsx.json
@@ -0,0 +1,4 @@
+{
+ "__resolveType": "site/sections/Images/Carousel.tsx",
+ "images": []
+}
\ No newline at end of file
diff --git a/.deco/blocks/site.json b/.deco/blocks/site.json
index 71fb1b4a..a4fbea3e 100644
--- a/.deco/blocks/site.json
+++ b/.deco/blocks/site.json
@@ -24,9 +24,7 @@
},
{
"__resolveType": "analytics/sections/Analytics/DecoAnalytics.tsx"
- }
- ],
- "pageSections": [
+ },
{
"__resolveType": "site/sections/Session.tsx",
"minicart": null,
diff --git a/_app.tsx b/_app.tsx
new file mode 100644
index 00000000..1d5694ad
--- /dev/null
+++ b/_app.tsx
@@ -0,0 +1,51 @@
+import { asset } from "$fresh/runtime.ts";
+import { useScript } from "@deco/deco/hooks";
+import { Head } from "@deco/deco/htmx";
+import { ComponentChildren } from "preact";
+
+const serviceWorkerScript = () =>
+ addEventListener("load", () =>
+ navigator && navigator.serviceWorker &&
+ navigator.serviceWorker.register("/sw.js?__frsh_c"));
+
+export const Layout = (
+ { children, revision, hmrUniqueId }: {
+ children: ComponentChildren;
+ revision: string;
+ hmrUniqueId: string;
+ },
+) => {
+ return (
+ <>
+ {/* Include Icons and manifest */}
+ {/** @ts-ignore: ignore error */}
+
+ {/* Enable View Transitions API */}
+
+
+ {/* Tailwind v3 CSS file */}
+
+
+ {/* Web Manifest */}
+
+
+
+ {/* Rest of Preact tree */}
+ {children}
+
+
+
+ );
+};
diff --git a/apps/site.ts b/apps/site.ts
index 53a872de..94ae99cc 100644
--- a/apps/site.ts
+++ b/apps/site.ts
@@ -1,3 +1,6 @@
+import type { App as A, AppContext as AC } from "@deco/deco";
+import { Section } from "@deco/deco/blocks";
+import { rgb24 } from "@std/fmt/colors";
import commerce from "apps/commerce/mod.ts";
import { color as linx } from "apps/linx/mod.ts";
import { color as nuvemshop } from "apps/nuvemshop/mod.ts";
@@ -6,9 +9,6 @@ import { color as vnda } from "apps/vnda/mod.ts";
import { color as vtex } from "apps/vtex/mod.ts";
import { color as wake } from "apps/wake/mod.ts";
import { Props as WebsiteProps } from "apps/website/mod.ts";
-import { Section } from "deco/blocks/section.ts";
-import type { App as A, AppContext as AC } from "deco/mod.ts";
-import { rgb24 } from "std/fmt/colors.ts";
import manifest, { Manifest } from "../manifest.gen.ts";
export interface Props extends WebsiteProps {
diff --git a/components/Session.tsx b/components/Session.tsx
index 4481bc43..c08b7b9f 100644
--- a/components/Session.tsx
+++ b/components/Session.tsx
@@ -1,6 +1,6 @@
import { Head } from "$fresh/runtime.ts";
+import { useScript } from "@deco/deco/hooks";
import { type Person } from "apps/commerce/types.ts";
-import { useScript } from "deco/hooks/useScript.ts";
import { type AppContext } from "../apps/site.ts";
import { MINICART_DRAWER_ID } from "../constants.ts";
import { useComponent } from "../sections/Component.tsx";
diff --git a/components/header/Bag.tsx b/components/header/Bag.tsx
index d42a8439..b28d3eec 100644
--- a/components/header/Bag.tsx
+++ b/components/header/Bag.tsx
@@ -1,4 +1,4 @@
-import { useScript } from "deco/hooks/useScript.ts";
+import { useScript } from "@deco/deco/hooks";
import { MINICART_DRAWER_ID } from "../../constants.ts";
import { useId } from "../../sdk/useId.ts";
import Icon from "../ui/Icon.tsx";
diff --git a/components/header/SignIn.tsx b/components/header/SignIn.tsx
index 1cf74544..6490f5a3 100644
--- a/components/header/SignIn.tsx
+++ b/components/header/SignIn.tsx
@@ -1,4 +1,4 @@
-import { useScript } from "deco/hooks/useScript.ts";
+import { useScript } from "@deco/deco/hooks";
import { clx } from "../../sdk/clx.ts";
import { useId } from "../../sdk/useId.ts";
import Icon from "../ui/Icon.tsx";
diff --git a/components/minicart/Coupon.tsx b/components/minicart/Coupon.tsx
index 916e4f6b..bba1707b 100644
--- a/components/minicart/Coupon.tsx
+++ b/components/minicart/Coupon.tsx
@@ -1,5 +1,5 @@
+import { useScript } from "@deco/deco/hooks";
import { MINICART_FORM_ID } from "../../constants.ts";
-import { useScript } from "deco/hooks/useScript.ts";
export interface Props {
coupon?: string;
diff --git a/components/minicart/Item.tsx b/components/minicart/Item.tsx
index c8089506..7b6e61a1 100644
--- a/components/minicart/Item.tsx
+++ b/components/minicart/Item.tsx
@@ -1,8 +1,8 @@
+import { useScript } from "@deco/deco/hooks";
import { AnalyticsItem } from "apps/commerce/types.ts";
import Image from "apps/website/components/Image.tsx";
import { clx } from "../../sdk/clx.ts";
import { formatPrice } from "../../sdk/format.ts";
-import { useScript } from "deco/hooks/useScript.ts";
import Icon from "../ui/Icon.tsx";
import QuantitySelector from "../ui/QuantitySelector.tsx";
diff --git a/components/minicart/Minicart.tsx b/components/minicart/Minicart.tsx
index a2efca66..9c777865 100644
--- a/components/minicart/Minicart.tsx
+++ b/components/minicart/Minicart.tsx
@@ -1,4 +1,4 @@
-import { useScript } from "deco/hooks/useScript.ts";
+import { useScript } from "@deco/deco/hooks";
import { AppContext } from "../../apps/site.ts";
import { MINICART_DRAWER_ID, MINICART_FORM_ID } from "../../constants.ts";
import { clx } from "../../sdk/clx.ts";
diff --git a/components/product/AddToCartButton.tsx b/components/product/AddToCartButton.tsx
index f2a8ac0c..ddd51e60 100644
--- a/components/product/AddToCartButton.tsx
+++ b/components/product/AddToCartButton.tsx
@@ -1,5 +1,5 @@
+import { useScript } from "@deco/deco/hooks";
import { AnalyticsItem, Product } from "apps/commerce/types.ts";
-import { useScript } from "deco/hooks/useScript.ts";
import { JSX } from "preact";
import { clx } from "../../sdk/clx.ts";
import { useId } from "../../sdk/useId.ts";
diff --git a/components/product/ProductVariantSelector.tsx b/components/product/ProductVariantSelector.tsx
index b2690fde..f5614308 100644
--- a/components/product/ProductVariantSelector.tsx
+++ b/components/product/ProductVariantSelector.tsx
@@ -1,5 +1,5 @@
+import { useSection } from "@deco/deco/hooks";
import type { Product } from "apps/commerce/types.ts";
-import { useSection } from "deco/hooks/useSection.ts";
import { clx } from "../../sdk/clx.ts";
import { relative } from "../../sdk/url.ts";
import { useId } from "../../sdk/useId.ts";
diff --git a/components/search/SearchResult.tsx b/components/search/SearchResult.tsx
index b905e384..e0554f4e 100644
--- a/components/search/SearchResult.tsx
+++ b/components/search/SearchResult.tsx
@@ -1,8 +1,7 @@
+import { SectionProps } from "@deco/deco";
+import { useDevice, useScript, useSection } from "@deco/deco/hooks";
import type { ProductListingPage } from "apps/commerce/types.ts";
import { mapProductToAnalyticsItem } from "apps/commerce/utils/productToAnalyticsItem.ts";
-import { useScript } from "deco/hooks/useScript.ts";
-import { useSection } from "deco/hooks/useSection.ts";
-import { SectionProps } from "deco/mod.ts";
import ProductCard from "../../components/product/ProductCard.tsx";
import Filters from "../../components/search/Filters.tsx";
import Icon from "../../components/ui/Icon.tsx";
@@ -13,7 +12,6 @@ import { useSendEvent } from "../../sdk/useSendEvent.ts";
import Breadcrumb from "../ui/Breadcrumb.tsx";
import Drawer from "../ui/Drawer.tsx";
import Sort from "./Sort.tsx";
-import { useDevice } from "deco/hooks/useDevice.ts";
export interface Layout {
/**
diff --git a/components/search/Searchbar/Form.tsx b/components/search/Searchbar/Form.tsx
index ba4398dc..173be084 100644
--- a/components/search/Searchbar/Form.tsx
+++ b/components/search/Searchbar/Form.tsx
@@ -9,12 +9,12 @@
* no JavaScript is shipped to the browser!
*/
+import { asResolved, Resolved } from "@deco/deco";
+import { useScript } from "@deco/deco/hooks";
import { Suggestion } from "apps/commerce/types.ts";
-import { useScript } from "deco/hooks/useScript.ts";
-import { asResolved, Resolved } from "deco/mod.ts";
import {
- SEARCHBAR_INPUT_FORM_ID,
- SEARCHBAR_POPUP_ID,
+ SEARCHBAR_INPUT_FORM_ID,
+ SEARCHBAR_POPUP_ID,
} from "../../../constants.ts";
import { useId } from "../../../sdk/useId.ts";
import { useComponent } from "../../../sections/Component.tsx";
diff --git a/components/search/Searchbar/Suggestions.tsx b/components/search/Searchbar/Suggestions.tsx
index 19be5017..6f6c4269 100644
--- a/components/search/Searchbar/Suggestions.tsx
+++ b/components/search/Searchbar/Suggestions.tsx
@@ -1,5 +1,5 @@
+import { Resolved } from "@deco/deco";
import { Suggestion } from "apps/commerce/types.ts";
-import { Resolved } from "deco/mod.ts";
import type { AppContext } from "../../../apps/site.ts";
import { clx } from "../../../sdk/clx.ts";
import { ComponentProps } from "../../../sections/Component.tsx";
diff --git a/components/search/Sort.tsx b/components/search/Sort.tsx
index 213b1927..2401529e 100644
--- a/components/search/Sort.tsx
+++ b/components/search/Sort.tsx
@@ -1,5 +1,5 @@
+import { useScript } from "@deco/deco/hooks";
import { ProductListingPage } from "apps/commerce/types.ts";
-import { useScript } from "deco/hooks/useScript.ts";
const SORT_QUERY_PARAM = "sort";
const PAGE_QUERY_PARAM = "page";
diff --git a/components/ui/CategoryBanner.tsx b/components/ui/CategoryBanner.tsx
index 0ac4edf5..b36869ab 100644
--- a/components/ui/CategoryBanner.tsx
+++ b/components/ui/CategoryBanner.tsx
@@ -1,6 +1,6 @@
+import type { SectionProps } from "@deco/deco";
import type { ImageWidget } from "apps/admin/widgets.ts";
import { Picture, Source } from "apps/website/components/Picture.tsx";
-import type { SectionProps } from "deco/types.ts";
/**
* @titleBy matcher
diff --git a/components/ui/Drawer.tsx b/components/ui/Drawer.tsx
index d6a584ad..dbffb648 100644
--- a/components/ui/Drawer.tsx
+++ b/components/ui/Drawer.tsx
@@ -1,4 +1,4 @@
-import { useScript } from "deco/hooks/useScript.ts";
+import { useScript } from "@deco/deco/hooks";
import { type ComponentChildren } from "preact";
import { clx } from "../../sdk/clx.ts";
import { useId } from "../../sdk/useId.ts";
diff --git a/components/ui/Modal.tsx b/components/ui/Modal.tsx
index 15466d6c..3fa8aabf 100644
--- a/components/ui/Modal.tsx
+++ b/components/ui/Modal.tsx
@@ -1,4 +1,4 @@
-import { useScript } from "deco/hooks/useScript.ts";
+import { useScript } from "@deco/deco/hooks";
import { ComponentChildren } from "preact";
import { useId } from "../../sdk/useId.ts";
diff --git a/components/ui/QuantitySelector.tsx b/components/ui/QuantitySelector.tsx
index cadc52d9..ec15cac1 100644
--- a/components/ui/QuantitySelector.tsx
+++ b/components/ui/QuantitySelector.tsx
@@ -1,4 +1,4 @@
-import { useScript } from "deco/hooks/useScript.ts";
+import { useScript } from "@deco/deco/hooks";
import { type JSX } from "preact";
import { clx } from "../../sdk/clx.ts";
import { useId } from "../../sdk/useId.ts";
diff --git a/components/ui/Slider.tsx b/components/ui/Slider.tsx
index 2f824b10..460f7240 100644
--- a/components/ui/Slider.tsx
+++ b/components/ui/Slider.tsx
@@ -1,4 +1,4 @@
-import { useScript } from "deco/hooks/useScript.ts";
+import { useScript } from "@deco/deco/hooks";
import type { JSX } from "preact";
import { clx } from "../../sdk/clx.ts";
diff --git a/components/user/Provider.tsx b/components/user/Provider.tsx
index 82963698..f375b1ef 100644
--- a/components/user/Provider.tsx
+++ b/components/user/Provider.tsx
@@ -1,5 +1,5 @@
+import { useScript } from "@deco/deco/hooks";
import { Person } from "apps/commerce/types.ts";
-import { useScript } from "deco/hooks/useScript.ts";
import { USER_ID } from "../../constants.ts";
const onLoad = (jsonID: string) => {
diff --git a/components/wishlist/Provider.tsx b/components/wishlist/Provider.tsx
index 8e7664c8..c16a4e94 100644
--- a/components/wishlist/Provider.tsx
+++ b/components/wishlist/Provider.tsx
@@ -1,4 +1,4 @@
-import { useScript } from "deco/hooks/useScript.ts";
+import { useScript } from "@deco/deco/hooks";
import { AppContext } from "../../apps/site.ts";
import { WISHLIST_FORM_ID } from "../../constants.ts";
import { useComponent } from "../../sections/Component.tsx";
diff --git a/components/wishlist/WishlistButton.tsx b/components/wishlist/WishlistButton.tsx
index e20d6e3e..9543b058 100644
--- a/components/wishlist/WishlistButton.tsx
+++ b/components/wishlist/WishlistButton.tsx
@@ -1,5 +1,5 @@
+import { useScript } from "@deco/deco/hooks";
import { AnalyticsItem } from "apps/commerce/types.ts";
-import { useScript } from "deco/hooks/useScript.ts";
import { clx } from "../../sdk/clx.ts";
import { useId } from "../../sdk/useId.ts";
import { useSendEvent } from "../../sdk/useSendEvent.ts";
diff --git a/components/wishlist/WishlistGallery.tsx b/components/wishlist/WishlistGallery.tsx
index 9b06bd5b..8871bcf3 100644
--- a/components/wishlist/WishlistGallery.tsx
+++ b/components/wishlist/WishlistGallery.tsx
@@ -1,6 +1,6 @@
-import { SectionProps } from "deco/mod.ts";
+import { SectionProps } from "@deco/deco";
import SearchResult, {
- Props as SearchResultProps,
+ Props as SearchResultProps,
} from "../search/SearchResult.tsx";
export type Props = SearchResultProps;
diff --git a/deno.json b/deno.json
index e0106c7c..47243677 100644
--- a/deno.json
+++ b/deno.json
@@ -1,28 +1,38 @@
{
"imports": {
- "deco/": "https://cdn.jsdelivr.net/gh/deco-cx/deco@1.80.0/",
- "apps/": "https://cdn.jsdelivr.net/gh/deco-cx/apps@0.53.0/",
"$fresh/": "https://deno.land/x/fresh@1.6.8/",
- "preact": "https://esm.sh/preact@10.19.6",
- "preact/": "https://esm.sh/preact@10.19.6/",
- "preact-render-to-string": "https://esm.sh/*preact-render-to-string@6.4.0",
+ "@deco/deco": "jsr:@deco/deco@1.85.4",
"@preact/signals": "https://esm.sh/*@preact/signals@1.2.2",
"@preact/signals-core": "https://esm.sh/*@preact/signals-core@1.5.1",
- "std/": "https://deno.land/std@0.190.0/",
- "daisyui": "npm:daisyui@4.6.0"
+ "@deco/durable": "jsr:@deco/durable@^0.5.3",
+ "@std/assert": "jsr:@std/assert@^1.0.2",
+ "@std/async": "jsr:@std/async@^1.0.3",
+ "@std/crypto": "jsr:@std/crypto@^1.0.2",
+ "@std/encoding": "jsr:@std/encoding@^1.0.1",
+ "@std/fmt": "jsr:@std/fmt@^1.0.0",
+ "@std/http": "jsr:@std/http@^1.0.2",
+ "@std/media-types": "jsr:@std/media-types@^1.0.2",
+ "@std/path": "jsr:@std/path@^1.0.2",
+ "apps/": "https://denopkg.com/deco-cx/apps@2dfb5a43753691dc4bb6062945cb602b55a02482/",
+ "daisyui": "npm:daisyui@4.6.0",
+ "partytown/": "https://deno.land/x/partytown@0.4.8/",
+ "preact": "npm:preact@10.23.1",
+ "preact-render-to-string": "https://esm.sh/*preact-render-to-string@6.4.0"
},
"tasks": {
- "start": "deno task bundle && deno run -A --unstable-http --env --config=deno.json $(deno eval 'console.log(import.meta.resolve(\"deco/hypervisor/main.ts\"))') --build-cmd 'deno task build' -- deno task dev",
+ "start": "deno task bundle && deno run -A --unstable-http --env --config=deno.json https://deco.cx/run --build-cmd 'deno task build' -- deno task dev",
"gen": "deno run -A dev.ts --gen-only",
"play": "USE_LOCAL_STORAGE_ONLY=true deno task start",
"component": "deno eval 'import \"deco/scripts/component.ts\"'",
"release": "deno eval 'import \"deco/scripts/release.ts\"'",
- "update": "deno run -Ar https://deco.cx/update",
"check": "deno fmt && deno lint && deno check dev.ts main.ts",
"install": "deno eval 'import \"deco/scripts/apps/install.ts\"'",
"uninstall": "deno eval 'import \"deco/scripts/apps/uninstall.ts\"'",
- "bundle": "deno eval 'import \"deco/scripts/apps/bundle.ts\"' site",
+ "update": "deno run -Ar jsr:@deco/scripts/update",
+ "bundle": "deno run -A jsr:@deco/deco/scripts/bundle site",
"cache_clean": "rm deno.lock; deno cache -r main.ts",
+ "decodev": "deno run -A jsr:@deco/deco/scripts/dev",
+ "decoprod": "deno run -A jsr:@deco/deco/scripts/dev $ && deno add jsr:@deco/deco",
"build": "deno run -A dev.ts build",
"preview": "deno run -A main.ts",
"generate-icons": "deno run -A --unstable static/generate-icons.ts",
diff --git a/dev.ts b/dev.ts
index 244fa45f..91ab228b 100644
--- a/dev.ts
+++ b/dev.ts
@@ -1,12 +1,4 @@
-import { setupGithooks } from "https://deno.land/x/githooks@0.0.4/githooks.ts";
-
-import dev from "$fresh/dev.ts";
-import config from "./fresh.config.ts";
-
-setupGithooks().catch(console.error);
-
-// Generate manifest and boot server
-await dev(import.meta.url, "./main.ts", config);
+import "./hono.ts";
if (Deno.args.includes("build")) {
Deno.exit(0);
diff --git a/fresh.config.ts b/fresh.config.ts
deleted file mode 100644
index bd440cea..00000000
--- a/fresh.config.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { defineConfig } from "$fresh/server.ts";
-import plugins from "https://cdn.jsdelivr.net/gh/deco-sites/std@1.26.7/plugins/mod.ts";
-import manifest from "./manifest.gen.ts";
-import tailwind from "./tailwind.config.ts";
-
-export default defineConfig({
- plugins: plugins({
- manifest,
- // @ts-expect-error somehow this typing doesnt work
- tailwind,
- }),
-});
diff --git a/fresh.gen.ts b/fresh.gen.ts
deleted file mode 100644
index 1896ebf6..00000000
--- a/fresh.gen.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-// DO NOT EDIT. This file is generated by Fresh.
-// This file SHOULD be checked into source version control.
-// This file is automatically updated during development when running `dev.ts`.
-
-import * as $_app from "./routes/_app.tsx";
-
-import { type Manifest } from "$fresh/server.ts";
-
-const manifest = {
- routes: {
- "./routes/_app.tsx": $_app,
- },
- islands: {},
- baseUrl: import.meta.url,
-} satisfies Manifest;
-
-export default manifest;
diff --git a/hono.ts b/hono.ts
new file mode 100644
index 00000000..debe7a8c
--- /dev/null
+++ b/hono.ts
@@ -0,0 +1,20 @@
+import { Deco } from "@deco/deco";
+
+import { Head } from "$fresh/runtime.ts";
+import { bindings as HTMX } from "@deco/deco/htmx";
+import { type Manifest } from "./manifest.gen.ts";
+// compatibility code with Fresh
+import type { ComponentType } from "preact";
+import { Layout } from "./_app.tsx";
+
+(Head as ComponentType).displayName = "HTMLHead";
+// end compatibility code with fresh
+
+const deco = await Deco.init({
+ bindings: HTMX({
+ Layout,
+ }),
+});
+
+const envPort = Deno.env.get("PORT");
+Deno.serve({ handler: deco.fetch.bind(deco), port: envPort ? +envPort : 8000 });
diff --git a/loaders/availableIcons.ts b/loaders/availableIcons.ts
index 629e7c4a..8c87b4f9 100644
--- a/loaders/availableIcons.ts
+++ b/loaders/availableIcons.ts
@@ -1,4 +1,4 @@
-import { allowCorsFor, FnContext } from "deco/mod.ts";
+import { allowCorsFor, FnContext } from "@deco/deco";
import { AvailableIcons } from "../static/adminIcons.ts";
const icons = Object.keys(AvailableIcons).map((iconName) => ({
diff --git a/loaders/icons.ts b/loaders/icons.ts
index 77b5dbf9..96c35bfb 100644
--- a/loaders/icons.ts
+++ b/loaders/icons.ts
@@ -1,4 +1,4 @@
-import { allowCorsFor, FnContext } from "deco/mod.ts";
+import { allowCorsFor, FnContext } from "@deco/deco";
import {
AlignCenter,
AlignLeft,
diff --git a/main.ts b/main.ts
index a440323d..dedb9258 100644
--- a/main.ts
+++ b/main.ts
@@ -1,10 +1 @@
-///
-///
-///
-///
-
-import { start } from "$fresh/server.ts";
-import config from "./fresh.config.ts";
-import manifest from "./fresh.gen.ts";
-
-await start(manifest, config);
+import "./dev.ts";
diff --git a/routes/_app.tsx b/routes/_app.tsx
index 92a56689..125d4bfb 100644
--- a/routes/_app.tsx
+++ b/routes/_app.tsx
@@ -1,7 +1,8 @@
-import { asset, Head } from "$fresh/runtime.ts";
+import { asset } from "$fresh/runtime.ts";
import { defineApp } from "$fresh/server.ts";
-import { useScript } from "deco/hooks/useScript.ts";
-import { Context } from "deco/deco.ts";
+import { Context } from "@deco/deco";
+import { useScript } from "@deco/deco/hooks";
+import { Head } from "@deco/deco/htmx";
const serviceWorkerScript = () =>
addEventListener("load", () =>
diff --git a/runtime.ts b/runtime.ts
index f45dd835..d555d6a7 100644
--- a/runtime.ts
+++ b/runtime.ts
@@ -1,11 +1,11 @@
-import { proxy } from "deco/clients/withManifest.ts";
-import type { Manifest } from "./manifest.gen.ts";
+import { proxy } from "@deco/deco";
+import type { Manifest as ManifestLinx } from "apps/linx/manifest.gen.ts";
+import type { Manifest as ManifestNuvemshop } from "apps/nuvemshop/manifest.gen.ts";
+import type { Manifest as ManifestShopify } from "apps/shopify/manifest.gen.ts";
import type { Manifest as ManifestVNDA } from "apps/vnda/manifest.gen.ts";
import type { Manifest as ManifestVTEX } from "apps/vtex/manifest.gen.ts";
-import type { Manifest as ManifestShopify } from "apps/shopify/manifest.gen.ts";
import type { Manifest as ManifestWake } from "apps/wake/manifest.gen.ts";
-import type { Manifest as ManifestLinx } from "apps/linx/manifest.gen.ts";
-import type { Manifest as ManifestNuvemshop } from "apps/nuvemshop/manifest.gen.ts";
+import type { Manifest } from "./manifest.gen.ts";
export const invoke = proxy<
& Manifest
diff --git a/sections/Animation/Animation.tsx b/sections/Animation/Animation.tsx
index 19b21a23..a850555e 100644
--- a/sections/Animation/Animation.tsx
+++ b/sections/Animation/Animation.tsx
@@ -1,5 +1,5 @@
-import { useScript } from "deco/hooks/useScript.ts";
-import { Section } from "deco/blocks/section.ts";
+import { Section } from "@deco/deco/blocks";
+import { useScript } from "@deco/deco/hooks";
import { useId } from "../../sdk/useId.ts";
interface Children {
diff --git a/sections/Category/CategoryGrid.tsx b/sections/Category/CategoryGrid.tsx
index 1c46f1d4..6fd7afc5 100644
--- a/sections/Category/CategoryGrid.tsx
+++ b/sections/Category/CategoryGrid.tsx
@@ -1,12 +1,12 @@
+import { LoadingFallbackProps } from "@deco/deco";
+import { useDevice } from "@deco/deco/hooks";
import type { ImageWidget } from "apps/admin/widgets.ts";
import Image from "apps/website/components/Image.tsx";
-import { useDevice } from "deco/hooks/useDevice.ts";
import Section, {
type Props as SectionHeaderProps,
} from "../../components/ui/Section.tsx";
import Slider from "../../components/ui/Slider.tsx";
import { clx } from "../../sdk/clx.ts";
-import { LoadingFallbackProps } from "deco/mod.ts";
/** @titleBy label */
export interface Item {
diff --git a/sections/Component.tsx b/sections/Component.tsx
index 6c76895e..8f771d43 100644
--- a/sections/Component.tsx
+++ b/sections/Component.tsx
@@ -1,8 +1,8 @@
// deno-lint-ignore-file no-explicit-any
-import { useSection } from "deco/hooks/useSection.ts";
-import type { SectionProps } from "deco/mod.ts";
+import type { SectionProps } from "@deco/deco";
+import { useSection } from "@deco/deco/hooks";
+import { toFileUrl } from "@std/path";
import { Component, type ComponentType } from "preact";
-import { toFileUrl } from "std/path/mod.ts";
import type { AppContext } from "../apps/site.ts";
interface Props {
diff --git a/sections/Header/Header.tsx b/sections/Header/Header.tsx
index 48d7f4ef..d20f50a2 100644
--- a/sections/Header/Header.tsx
+++ b/sections/Header/Header.tsx
@@ -1,8 +1,8 @@
+import { LoadingFallbackProps } from "@deco/deco";
+import { useDevice } from "@deco/deco/hooks";
import type { HTMLWidget, ImageWidget } from "apps/admin/widgets.ts";
import type { SiteNavigationElement } from "apps/commerce/types.ts";
import Image from "apps/website/components/Image.tsx";
-import { useDevice } from "deco/hooks/useDevice.ts";
-import { LoadingFallbackProps } from "deco/mod.ts";
import Alert from "../../components/header/Alert.tsx";
import Bag from "../../components/header/Bag.tsx";
import Menu from "../../components/header/Menu.tsx";
diff --git a/sections/Images/ImageGallery.tsx b/sections/Images/ImageGallery.tsx
index ebf1d373..1da3db45 100644
--- a/sections/Images/ImageGallery.tsx
+++ b/sections/Images/ImageGallery.tsx
@@ -1,9 +1,9 @@
+import { LoadingFallbackProps } from "@deco/deco";
import { type ImageWidget } from "apps/admin/widgets.ts";
import { Picture, Source } from "apps/website/components/Picture.tsx";
import Section, {
- type Props as SectionHeaderProps,
+ type Props as SectionHeaderProps,
} from "../../components/ui/Section.tsx";
-import { LoadingFallbackProps } from "deco/mod.ts";
/**
* @titleBy alt
diff --git a/sections/Miscellaneous/CampaignTimer.tsx b/sections/Miscellaneous/CampaignTimer.tsx
index 5b31ea53..f94855bf 100644
--- a/sections/Miscellaneous/CampaignTimer.tsx
+++ b/sections/Miscellaneous/CampaignTimer.tsx
@@ -1,5 +1,5 @@
+import { useScript } from "@deco/deco/hooks";
import type { HTMLWidget } from "apps/admin/widgets.ts";
-import { useScript } from "deco/hooks/useScript.ts";
import Section from "../../components/ui/Section.tsx";
import { useId } from "../../sdk/useId.ts";
diff --git a/sections/Miscellaneous/CookieConsent.tsx b/sections/Miscellaneous/CookieConsent.tsx
index 7193cccd..00419072 100644
--- a/sections/Miscellaneous/CookieConsent.tsx
+++ b/sections/Miscellaneous/CookieConsent.tsx
@@ -1,5 +1,5 @@
+import { useScript } from "@deco/deco/hooks";
import { HTMLWidget } from "apps/admin/widgets.ts";
-import { useScript } from "deco/hooks/useScript.ts";
import { clx } from "../../sdk/clx.ts";
import { useId } from "../../sdk/useId.ts";
diff --git a/sections/Newsletter/Newsletter.tsx b/sections/Newsletter/Newsletter.tsx
index 5640f750..c0e8d5c1 100644
--- a/sections/Newsletter/Newsletter.tsx
+++ b/sections/Newsletter/Newsletter.tsx
@@ -1,4 +1,4 @@
-import { SectionProps } from "deco/mod.ts";
+import { SectionProps } from "@deco/deco";
import { AppContext } from "../../apps/site.ts";
import Icon from "../../components/ui/Icon.tsx";
import Section from "../../components/ui/Section.tsx";
diff --git a/sections/Product/ProductShelf.tsx b/sections/Product/ProductShelf.tsx
index 90a3eb86..488fd407 100644
--- a/sections/Product/ProductShelf.tsx
+++ b/sections/Product/ProductShelf.tsx
@@ -1,9 +1,9 @@
+import type { LoadingFallbackProps } from "@deco/deco";
import type { Product } from "apps/commerce/types.ts";
import { mapProductToAnalyticsItem } from "apps/commerce/utils/productToAnalyticsItem.ts";
-import type { LoadingFallbackProps } from "deco/mod.ts";
import ProductSlider from "../../components/product/ProductSlider.tsx";
import Section, {
- Props as SectionHeaderProps,
+ Props as SectionHeaderProps,
} from "../../components/ui/Section.tsx";
import { useOffer } from "../../sdk/useOffer.ts";
import { useSendEvent } from "../../sdk/useSendEvent.ts";
diff --git a/sections/Product/ProductShelfTabbed.tsx b/sections/Product/ProductShelfTabbed.tsx
index 5ae742a6..f9f0a547 100644
--- a/sections/Product/ProductShelfTabbed.tsx
+++ b/sections/Product/ProductShelfTabbed.tsx
@@ -1,6 +1,6 @@
+import { LoadingFallbackProps } from "@deco/deco";
import type { Product } from "apps/commerce/types.ts";
import { mapProductToAnalyticsItem } from "apps/commerce/utils/productToAnalyticsItem.ts";
-import { LoadingFallbackProps } from "deco/types.ts";
import ProductSlider from "../../components/product/ProductSlider.tsx";
import Section, {
Props as SectionHeaderProps,
diff --git a/sections/Product/ShelfWithImage.tsx b/sections/Product/ShelfWithImage.tsx
index a2f9a4ea..cab79002 100644
--- a/sections/Product/ShelfWithImage.tsx
+++ b/sections/Product/ShelfWithImage.tsx
@@ -1,6 +1,6 @@
-import { Section } from "deco/blocks/section.ts";
-import Image from "apps/website/components/Image.tsx";
+import { Section } from "@deco/deco/blocks";
import type { ImageWidget } from "apps/admin/widgets.ts";
+import Image from "apps/website/components/Image.tsx";
import S from "../../components/ui/Section.tsx";
export interface Props {
diff --git a/sections/Social/InstagramPosts.tsx b/sections/Social/InstagramPosts.tsx
index 4593208b..d815e422 100644
--- a/sections/Social/InstagramPosts.tsx
+++ b/sections/Social/InstagramPosts.tsx
@@ -1,7 +1,7 @@
+import type { LoadingFallbackProps, SectionProps } from "@deco/deco";
import Image from "apps/website/components/Image.tsx";
-import type { LoadingFallbackProps, SectionProps } from "deco/mod.ts";
import Section, {
- type Props as SectionHeaderProps,
+ type Props as SectionHeaderProps,
} from "../../components/ui/Section.tsx";
import Slider from "../../components/ui/Slider.tsx";
import { clx } from "../../sdk/clx.ts";