@monkeyplus/flow 5.0.0-rc.119 → 5.0.0-rc.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -17,7 +17,7 @@ export default async (runtimeConfig) => {
17
17
  });
18
18
  };
19
19
  } catch (err) {
20
- console.error(err);
20
+ console.log(err);
21
21
  }
22
22
  return flow;
23
23
  };
@@ -1,7 +1,7 @@
1
1
  import type { RadixRouter } from 'radix3';
2
2
  import type { Hookable } from 'hookable';
3
- import type { FlowAppUtils, FlowPage, RuntimeConfig } from '@monkeyplus/flow-schema';
4
- type HookResult = Promise<void> | void;
3
+ import type { FlowPage, RuntimeConfig } from '@monkeyplus/flow-schema';
4
+ declare type HookResult = Promise<void> | void;
5
5
  export interface FlowAppHooks {
6
6
  'flow:pages': (page: FlowPage[]) => HookResult;
7
7
  'eta:plugin': (options: any) => HookResult;
@@ -11,10 +11,6 @@ export interface FlowAppHooks {
11
11
  bodyStart: string[];
12
12
  }) => HookResult;
13
13
  'page:links': (links: string[]) => HookResult;
14
- 'page:context': (ctx: {
15
- page: string;
16
- localeCode: string;
17
- }, utils: any, data: Record<string, any>) => HookResult;
18
14
  'page:chunks': (bundle: string, scripts: {
19
15
  head: string[];
20
16
  body: string[];
@@ -31,20 +27,16 @@ export interface FlowApp {
31
27
  callHook: FlowApp['hooks']['callHook'];
32
28
  eta: any;
33
29
  app: {
34
- utils: FlowAppUtils;
30
+ utils: Record<string, any>;
35
31
  plugins: Record<string, any>;
36
32
  globals: Record<string, any>;
37
33
  };
38
34
  engine: string;
39
- site: {
40
- origin: string;
41
- };
42
35
  engines: Record<string, (template: string) => string>;
43
36
  generate: boolean;
44
37
  render: (view: Record<string, string>, data: any) => Promise<string> | void | string;
45
38
  provide: (name: string, value: any) => void;
46
39
  setUtil: (name: string, value: any) => void;
47
- $config: RuntimeConfig;
48
40
  [key: string]: any;
49
41
  }
50
42
  export declare const FlowPluginIndicator = "__flow_plugin";
package/dist/app/flow.mjs CHANGED
@@ -20,9 +20,6 @@ export function createFlowApp({ runtimeConfig }) {
20
20
  },
21
21
  engine: "eta",
22
22
  engines: {},
23
- site: {
24
- origin: `${process.env.URL || "http://localhost"}`
25
- },
26
23
  generate: runtimeConfig.generate
27
24
  };
28
25
  flowApp.engines.eta = (template) => {
@@ -1,4 +1,3 @@
1
1
  import 'node-fetch-native/polyfill';
2
- export declare const getFlowRenderer: () => Promise<any>;
3
2
  declare const _default: import("h3").EventHandler<void>;
4
3
  export default _default;
@@ -1,20 +1,25 @@
1
+ import { defineEventHandler } from "h3";
1
2
  import "node-fetch-native/polyfill";
2
- import { eventHandler } from "h3";
3
- import { defineCachedFunction, useRuntimeConfig } from "#internal/nitro";
4
- const getServerApp = () => import("#server").then((r) => r?.default?.default || r?.default || r);
5
- export const getFlowRenderer = lazyCachedFunction(async () => {
3
+ import { useRuntimeConfig } from "#internal/nitro";
4
+ const getServerApp = cachedImport(() => import("#server"));
5
+ const getFlowRenderer = cachedResult(async () => {
6
6
  const createFlowApp = await getServerApp();
7
7
  if (!createFlowApp)
8
8
  throw new Error("Server bundle is not available");
9
9
  return createFlowApp(useRuntimeConfig());
10
10
  });
11
- export default eventHandler(async (event) => {
11
+ export default defineEventHandler(async ({ context }) => {
12
12
  const flow = await getFlowRenderer();
13
- event.context.flow = flow;
14
- event.context.render = flow.render;
15
- event.context.defineCachedFunction = defineCachedFunction;
13
+ context.flow = flow;
14
+ context.render = flow.render;
16
15
  });
17
- function lazyCachedFunction(fn) {
16
+ function _interopDefault(e) {
17
+ return e && typeof e === "object" && "default" in e ? e.default : e;
18
+ }
19
+ function cachedImport(importer) {
20
+ return cachedResult(() => importer().then(_interopDefault).then(_interopDefault));
21
+ }
22
+ function cachedResult(fn) {
18
23
  let res = null;
19
24
  return () => {
20
25
  if (res === null)
@@ -1,101 +1,46 @@
1
- import { eventHandler, getQuery, readBody } from "h3";
2
- import { joinURL } from "ufo";
3
- import { getFlowRenderer } from "./flow.mjs";
4
- const normalizeCall = async (seo, ctx) => {
5
- if (typeof seo === "function")
6
- return await seo(ctx);
7
- return seo || {};
8
- };
9
- function replacePath(_path, url) {
10
- if (typeof url === "string") {
11
- _path = joinURL(_path.replace("/**", ""), url);
12
- } else {
13
- Object.entries(url).forEach(([key, value]) => {
14
- _path = _path.replace(`:${key}`, value);
15
- });
16
- if (url._ && _path.endsWith("**"))
17
- _path = joinURL(_path.replace("/**", ""), url._);
18
- }
19
- return _path;
20
- }
1
+ import { eventHandler, useQuery } from "h3";
21
2
  export default eventHandler(async (event) => {
22
3
  const url = event.req.url?.split("?")[0];
23
- const flow = await getFlowRenderer();
4
+ const flow = event.context.flow;
24
5
  if (url.includes("_urls")) {
25
- const urls = await flow.app.utils.getUrls(false, true);
6
+ const urls = await flow.app.utils.getUrls();
26
7
  return urls;
27
8
  }
28
9
  const scripts = { head: [], bodyStart: [], bodyEnd: [] };
29
10
  const chunks = { head: [], body: [] };
30
11
  const generate = {};
31
- const { page, locale, params, view, name: pageName, path: pagePath } = flow.router.byUrl.lookup(url) || {};
12
+ const { page, locale, params, view } = flow.router.byUrl.lookup(url) || {};
32
13
  if (!page)
33
14
  return;
15
+ await flow.callHook("page:scripts", scripts);
34
16
  if (view.bundle)
35
17
  await flow.callHook("page:chunks", view.bundle, chunks);
36
18
  const templateContext = {};
37
- const isDynamic = !!Object.keys(params || {});
38
- const contextPage = {
39
- chunks,
40
- locale
41
- };
19
+ const dynamyc = params?._;
20
+ const contextPage = {};
42
21
  const contextInject = {};
43
- const utils = Object.assign({ getLocale: () => locale, injectContext: (key, value) => contextInject[key] = value, defineCachedFunction: event.context.defineCachedFunction }, flow.app.utils);
44
- const contextHooks = {
45
- _post: {}
46
- };
47
- if (event.node.req.method.toLowerCase() === "post") {
48
- const body = await readBody(event);
49
- contextHooks._post = body;
50
- }
51
- await flow.callHook("page:context", { localeCode: locale.code, page: pageName }, utils, contextHooks);
22
+ const utils = Object.assign({ getLocale: () => locale, injectContext: (key, value) => contextInject[key] = value }, flow.app.utils);
52
23
  templateContext.url = url;
53
- templateContext.baseURL = flow.$config.app.baseURL;
54
- const pageObject = {
55
- name: pageName,
56
- pathname: url,
57
- url: joinURL(flow.site.origin, templateContext.baseURL, `${url}`),
58
- origin: flow.site.origin,
59
- joinOrigin: (_url, includeBase) => joinURL(flow.site.origin, includeBase ? templateContext.baseURL : "/", _url)
60
- };
61
- templateContext.page = pageObject;
62
- contextPage.page = pageObject;
63
24
  templateContext.locale = locale;
64
25
  templateContext.view = view;
65
- if (isDynamic && page.dynamic) {
26
+ if (dynamyc && page.dynamic) {
66
27
  const pages = await page.dynamic.method({ locale, utils });
67
- const dynamicPage = pages.find((_page) => {
68
- const aUrl = replacePath(pagePath, _page.url);
69
- const bUrl = replacePath(pagePath, params);
70
- return aUrl === bUrl;
71
- });
28
+ const dynamicPage = pages.find((_page) => _page.url === dynamyc);
72
29
  if (!dynamicPage)
73
30
  return;
74
31
  if (page.dynamic.assign)
75
32
  templateContext[page.dynamic.assign] = dynamicPage.context;
76
- contextPage.dynamic = dynamicPage;
33
+ contextPage.dynamyc = dynamicPage;
77
34
  }
78
35
  templateContext.seo = {};
79
- const sharedContext = await utils.getSharedContext({
80
- ...contextHooks,
81
- ...contextPage,
82
- utils
83
- });
84
- templateContext.sharedContext = sharedContext || {};
36
+ templateContext.context = {};
37
+ templateContext.sharedContext = {};
85
38
  templateContext.utils = utils;
86
- templateContext.seo = await normalizeCall(page?.seo, { ...contextHooks, ...contextPage, utils, sharedContext });
87
- const contexData = await page.context?.({ ...contextHooks, ...contextPage, utils, sharedContext }) || {};
88
- templateContext.context = {
89
- ...contextHooks,
90
- ...contexData
91
- };
92
- await flow.callHook("page:scripts", scripts, templateContext);
39
+ templateContext.seo = await page.seo?.({ ...contextPage, utils }) || {};
40
+ templateContext.context = await page.context?.({ ...contextPage, utils }) || {};
93
41
  templateContext.getHeadScripts = () => {
94
42
  return scripts.head.join("\n");
95
43
  };
96
- templateContext.getBodyEndScripts = () => {
97
- return scripts.bodyEnd.join("\n");
98
- };
99
44
  templateContext.getHeadChunks = () => {
100
45
  return chunks.head.join("\n");
101
46
  };
@@ -105,14 +50,10 @@ export default eventHandler(async (event) => {
105
50
  templateContext.getInjectContext = () => {
106
51
  return `<script id="__FLOW_DATA__" type="application/json">${JSON.stringify(contextInject)}<\/script>`;
107
52
  };
108
- const query = getQuery(event);
53
+ const query = useQuery(event);
109
54
  if (query?.context)
110
55
  return { ...templateContext, utils: Object.keys(utils) };
111
- let html;
112
- if (view.render)
113
- html = await view.render(templateContext, event);
114
- else
115
- html = await flow.render(view, templateContext);
56
+ let html = await flow.render(view, templateContext);
116
57
  event.res.setHeader("Content-Type", view.contentType || "text/html;charset=UTF-8");
117
58
  if (view.postRender)
118
59
  html = await view.postRender(html, event);
@@ -1,5 +1,6 @@
1
1
  import { defineFlowPlugin } from "#app";
2
2
  export default defineFlowPlugin((flow) => {
3
3
  flow._useHead = (_meta) => {
4
+ console.log(_meta);
4
5
  };
5
6
  });