feat: automatically paste tailwind when html has inception mark (#5322)

We want to reduce friction in pasting from inception and will
automatically process tailwind classes and generate styles when paste
into builder without using command panel.

Author: TrySound

apps/builder/app/shared/copy-paste/plugin-html.ts

@@ -1,14 +1,20 @@
 import { generateFragmentFromHtml } from "../html";
 import { insertWebstudioFragmentAt } from "../instance-utils";
+import { generateFragmentFromTailwind } from "../tailwind/tailwind";
 import { denormalizeSrcProps } from "./asset-upload";
 import type { Plugin } from "./init-copy-paste";
 
+const inceptionMark = `<!-- @webstudio/incation/1 -->`;
+
 export const html: Plugin = {
   name: "html",
   mimeType: "text/plain",
   onPaste: async (html: string) => {
     let fragment = generateFragmentFromHtml(html);
     fragment = await denormalizeSrcProps(fragment);
+    if (html.includes(inceptionMark)) {
+      fragment = await generateFragmentFromTailwind(fragment);
+    }
     const result = insertWebstudioFragmentAt(fragment);
     return result;
   },