@uniformdev/uniform-nuxt 16.0.1-alpha.143

package/README.md

@@ -0,0 +1,6 @@
+# Nuxt Module
+
+## Development
+
+- Run `npm run dev:prepare` to generate type stubs.
+- Use `npm run dev` to start [playground](./playground) in development mode.

package/dist/module.cjs

@@ -0,0 +1,5 @@
+module.exports = function(...args) {
+  return import('./module.mjs').then(m => m.default.call(this, ...args))
+}
+const _meta = module.exports.meta = require('./module.json')
+module.exports.getMeta = () => Promise.resolve(_meta)

package/dist/module.d.ts

@@ -0,0 +1,12 @@
+import * as _nuxt_schema from '@nuxt/schema';
+import { ManifestV2 } from '@uniformdev/context';
+
+interface ModuleOptions {
+    projectId?: string;
+    readOnlyApiKey?: string;
+    apiHost?: string;
+    manifest?: ManifestV2;
+}
+declare const _default: _nuxt_schema.NuxtModule<ModuleOptions>;
+
+export { ModuleOptions, _default as default };

package/dist/module.json

@@ -0,0 +1,5 @@
+{
+  "name": "nuxt-uniform",
+  "configKey": "uniform",
+  "version": "16.0.1-alpha.143+8bf270fcc"
+}

package/dist/module.mjs

@@ -0,0 +1,24 @@
+import { resolve } from 'path';
+import { fileURLToPath } from 'url';
+import { defineNuxtModule, addPlugin } from '@nuxt/kit';
+
+const module = defineNuxtModule({
+  meta: {
+    name: "nuxt-uniform",
+    configKey: "uniform"
+  },
+  defaults: {
+    projectId: void 0,
+    readOnlyApiKey: void 0,
+    apiHost: "https://uniform.app",
+    manifest: void 0
+  },
+  setup(options, nuxt) {
+    nuxt.options.runtimeConfig.public["$uniform"] = { ...options };
+    const runtimeDir = fileURLToPath(new URL("./runtime", import.meta.url));
+    nuxt.options.build.transpile.push(runtimeDir);
+    addPlugin(resolve(runtimeDir, "plugin"));
+  }
+});
+
+export { module as default };

package/dist/runtime/plugin.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/dist/runtime/plugin.mjs

@@ -0,0 +1,100 @@
+import { defineNuxtPlugin, useRoute, useRuntimeConfig, useHead } from "#app";
+import { watch, ref } from "vue";
+import {
+  CanvasClient,
+  CANVAS_DRAFT_STATE,
+  CANVAS_PUBLISHED_STATE
+} from "@uniformdev/canvas";
+import { Context } from "@uniformdev/context";
+import { Composition, SlotContent, useCompositionEventEffect } from "@uniformdev/canvas-vue";
+import { provideUniformContext, onRouteChange } from "@uniformdev/context-vue";
+export default defineNuxtPlugin((nuxtApp) => {
+  if (nuxtApp.$uniformIsSetup) {
+    return;
+  }
+  const currentCompositionId = ref();
+  const preview = setupPreview();
+  const uniformContext = setupContext(nuxtApp);
+  const uniformCanvasClient = setupCanvas(nuxtApp);
+  setupLivePreview(currentCompositionId, Boolean(preview));
+  const useComposition = setupUseComposition(uniformCanvasClient, currentCompositionId, preview);
+  return {
+    provide: {
+      uniformIsSetup: true,
+      preview,
+      uniformCanvasClient,
+      uniformContext,
+      useComposition
+    }
+  };
+});
+function setupContext(nuxtApp) {
+  const options = useRuntimeConfig().public.$uniform;
+  let uniformContext;
+  if (options.manifest) {
+    console.log("\u{1F4DC} found a manifest, will initialize Context");
+    uniformContext = new Context({
+      defaultConsent: true,
+      manifest: options.manifest
+    });
+  }
+  provideUniformContext({
+    context: uniformContext,
+    outputType: options.outputType,
+    vueAppProvide: nuxtApp.vueApp.provide
+  });
+  const route = useRoute();
+  watch(() => JSON.stringify(route.query), () => {
+    onRouteChange(uniformContext);
+  });
+  return uniformContext;
+}
+function setupCanvas(nuxtApp) {
+  const options = useRuntimeConfig().public.$uniform;
+  nuxtApp.vueApp.component("Composition", Composition);
+  nuxtApp.vueApp.component("SlotContent", SlotContent);
+  const uniformCanvasClient = new CanvasClient({
+    projectId: options.projectId,
+    apiKey: options.readOnlyApiKey,
+    apiHost: options.apiHost
+  });
+  return uniformCanvasClient;
+}
+function setupPreview() {
+  const route = useRoute();
+  let preview;
+  if (route.query.preview === "true") {
+    console.log("\u{1F575}\uFE0F Entering preview mode");
+    preview = {
+      slug: route.query.slug
+    };
+  }
+  return preview;
+}
+function setupLivePreview(currentCompositionId, isPreview = false) {
+  const { projectId } = useRuntimeConfig().public.$uniform;
+  const enabled = isPreview;
+  const onCompositionChange = async () => {
+    await refreshNuxtData();
+  };
+  useHead({
+    titleTemplate: (title) => enabled ? `\u26A1\uFE0F ${title}` : title
+  });
+  useCompositionEventEffect({
+    compositionIdRef: currentCompositionId,
+    projectId,
+    enabled,
+    effect: onCompositionChange
+  });
+}
+function setupUseComposition(uniformCanvasClient, currentCompositionId, preview) {
+  const useComposition = async (options) => {
+    const { data, pending, error } = await useAsyncData(`composition-${options.slug || options.compositionId}`, async () => await uniformCanvasClient[options.slug ? "getCompositionBySlug" : "getCompositionById"]({
+      state: preview ? CANVAS_DRAFT_STATE : CANVAS_PUBLISHED_STATE,
+      ...options
+    }));
+    currentCompositionId.value = data.value?.composition._id;
+    return { data, pending, error };
+  };
+  return useComposition;
+}

package/dist/types.d.ts

@@ -0,0 +1,10 @@
+
+import { ModuleOptions } from './module'
+
+declare module '@nuxt/schema' {
+  interface NuxtConfig { ['uniform']?: Partial<ModuleOptions> }
+  interface NuxtOptions { ['uniform']?: ModuleOptions }
+}
+
+
+export { default } from './module'

package/package.json

@@ -0,0 +1,38 @@
+{
+  "name": "@uniformdev/uniform-nuxt",
+  "version": "16.0.1-alpha.143+8bf270fcc",
+  "license": "MIT",
+  "type": "module",
+  "exports": {
+    ".": {
+      "import": "./dist/module.mjs",
+      "require": "./dist/module.cjs"
+    }
+  },
+  "main": "./dist/module.cjs",
+  "types": "./dist/types.d.ts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "prepack": "nuxt-module-build",
+    "build": "nuxt-module-build"
+  },
+  "dependencies": {
+    "@nuxt/kit": "^3.0.0-rc.4",
+    "@uniformdev/canvas": "^16.0.1-alpha.143+8bf270fcc",
+    "@uniformdev/canvas-vue": "^16.0.1-alpha.143+8bf270fcc",
+    "@uniformdev/context": "^16.0.1-alpha.143+8bf270fcc",
+    "@uniformdev/context-vue": "^16.0.1-alpha.143+8bf270fcc"
+  },
+  "devDependencies": {
+    "@nuxt/module-builder": "latest",
+    "@nuxtjs/eslint-config-typescript": "latest",
+    "eslint": "latest",
+    "nuxt": "^3.0.0-rc.4"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "gitHead": "8bf270fcc0cc82383d1f30311fe11dafd5fe3782"
+}