juo 0.3.0-alpha.0 → 0.3.0-alpha.2

package/templates/dev/src/main.ts.liquid

@@ -1,136 +0,0 @@
-import "@juo/blocks/web-components/editor";
-{% if tailwind %}import "./tailwind.css";
-{% else %}import "./styles.css";
-{% endif %}
-import {
-  createBlockInstance,
-  createThemeState,
-  defineBlock,
-  effect,
-  injectContext,
-  isEditorPreview,
-  provideContext,
-  registerBlock,
-  serializeBlocks,
-  ThemeStateContext,
-  TranslationContext,
-  createTranslationService,
-  untracked,
-} from "@juo/blocks";
-import { registerBlocks as registerProjectBlocks } from "./blocks/register";
-
-const homePageBlock = defineBlock("HomePage", {
-  displayName: "Home page",
-  group: "page",
-  schema: {
-    type: "object",
-    properties: {
-      props: {
-        type: "object",
-        properties: {},
-        additionalProperties: false,
-      },
-      slots: {
-        type: "object",
-        properties: { main: {} },
-        additionalProperties: false,
-      },
-    },
-    required: ["props", "slots"],
-    additionalProperties: false,
-  },
-  initialValue: () => ({
-    props: {},
-    slots: {
-      main: [createBlockInstance("Starter Block")],
-    },
-  }),
-  renderer() {
-    const page = document.createElement("juo-page");
-    page.setAttribute("name", "HomePage");
-    const extensionRoot = document.createElement("juo-extension-root");
-    extensionRoot.setAttribute("name", "main");
-    page.appendChild(extensionRoot);
-    return page;
-  },
-});
-
-function registerBlocks() {
-  registerProjectBlocks();
-  registerBlock(homePageBlock);
-}
-
-async function setupEditorMode(root: HTMLElement) {
-  const editorModule = await import("@juo/blocks/editor");
-  const editor = editorModule.createEditorBridge();
-  const routerService = {
-    push: () => {},
-    subscribe: () => () => {},
-    getPages: () => [{ path: "/", block: "HomePage", title: "Home", routeNames: [] }],
-  };
-  const themeState = createThemeState({
-    resolve: (surface, path) => editor.requestThemeState(surface, path),
-    upsertState: (surface, path, blocks) =>
-      editor.upsertThemeState(surface, path, blocks),
-    translations: {
-      resolveTranslations: (locale) =>
-        editor.requestTranslationOverrides(locale),
-    },
-    routerService,
-  });
-  provideContext(root, ThemeStateContext, themeState);
-  await editorModule.setupEditorMode({ routerService, themeState });
-}
-
-function setupViewMode(root: HTMLElement) {
-  const themeState = createThemeState({
-    resolve: async () => ({
-      blocks: serializeBlocks([createBlockInstance("HomePage")]),
-    }),
-  });
-  provideContext(root, ThemeStateContext, themeState);
-}
-
-async function initializeTheme() {
-  const root = document.querySelector("juo-context-root") as HTMLElement;
-
-  registerBlocks();
-
-  if (isEditorPreview()) {
-    await setupEditorMode(root);
-  } else {
-    setupViewMode(root);
-  }
-
-  const themeState = injectContext(root, ThemeStateContext);
-
-  await themeState.locales.setLocale("en");
-  provideContext(
-    root,
-    TranslationContext,
-    createTranslationService(themeState.locales, {
-      async loadDefaultTranslations() {
-        return {};
-      },
-    }),
-  );
-
-  void themeState.resolve("page", "/");
-
-  effect(() => {
-    const block = themeState.page.blocks.value.at(0);
-    untracked(() => {
-      if (block == null) {
-        document.querySelector("#app")?.replaceChildren();
-      } else {
-        document.querySelector("#app")?.replaceChildren(block.definition.render(block));
-      }
-    });
-  });
-}
-
-if (document.readyState === "loading") {
-  document.addEventListener("DOMContentLoaded", () => void initializeTheme());
-} else {
-  void initializeTheme();
-}

package/templates/tailwind/vite.config.ts.liquid

@@ -1,35 +0,0 @@
-import { defineConfig } from "vite";
-import tailwindcss from "@tailwindcss/vite";
-import svgr from "vite-plugin-svgr";
-import juo from "./vite/juo-editor-plugin";
-{% if framework == "react" %}
-import react from "@vitejs/plugin-react";
-{% elsif framework == "preact" %}
-import preact from "@preact/preset-vite";
-{% endif %}
-
-export default defineConfig({
-  define: {
-    "process.env.NODE_ENV": JSON.stringify(process.env.NODE_ENV),
-  },
-  plugins: [tailwindcss(), juo(){% if framework == "react" %}, react(){% endif %}{% if framework == "preact" %}, preact(){% endif %},
-    svgr({
-      svgrOptions: {
-        icon: true,
-      },
-    }),
-  ],
-  preview: {
-    cors: true,
-  },
-  build: {
-    lib: {
-      entry: "src/blocks/register.ts",
-      formats: ["es"],
-      fileName: "index",
-    },
-    rollupOptions: {
-      external: [/^@juo\/blocks/],
-    },
-  },
-});