48 lines
1.3 KiB
JavaScript
48 lines
1.3 KiB
JavaScript
"use strict";
|
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
exports.setup = exports.useSsrAdapter = void 0;
|
|
const vue_1 = require("vue");
|
|
const ssrContextKey = '@css-render/vue3-ssr';
|
|
function createStyleString(id, style) {
|
|
return `<style cssr-id="${id}">\n${style}\n</style>`;
|
|
}
|
|
function ssrAdapter(id, style, ssrContext) {
|
|
const { styles, ids } = ssrContext;
|
|
// we need to impl other options to make it behaves the same as the client side
|
|
if (ids.has(id))
|
|
return;
|
|
if (styles !== null) {
|
|
ids.add(id);
|
|
styles.push(createStyleString(id, style));
|
|
}
|
|
}
|
|
const isBrowser = typeof document !== 'undefined';
|
|
function useSsrAdapter() {
|
|
if (isBrowser)
|
|
return undefined;
|
|
const context = (0, vue_1.inject)(ssrContextKey, null);
|
|
if (context === null)
|
|
return undefined;
|
|
return {
|
|
adapter: (id, style) => ssrAdapter(id, style, context),
|
|
context
|
|
};
|
|
}
|
|
exports.useSsrAdapter = useSsrAdapter;
|
|
function setup(app) {
|
|
const styles = [];
|
|
const ssrContext = {
|
|
styles,
|
|
ids: new Set()
|
|
};
|
|
app.provide(ssrContextKey, ssrContext);
|
|
return {
|
|
collect() {
|
|
const res = styles.join('\n');
|
|
styles.length = 0;
|
|
return res;
|
|
}
|
|
};
|
|
}
|
|
exports.setup = setup;
|