forked from tsai/budibase
Andrew Kingston
6 years ago
4 changed files with 4 additions and 187 deletions
@ -1,138 +0,0 @@ |
|||||
import alias from "@rollup/plugin-alias" |
|
||||
import svelte from "rollup-plugin-svelte" |
|
||||
import resolve from "rollup-plugin-node-resolve" |
|
||||
import commonjs from "@rollup/plugin-commonjs" |
|
||||
import url from "rollup-plugin-url" |
|
||||
import livereload from "rollup-plugin-livereload" |
|
||||
import { terser } from "rollup-plugin-terser" |
|
||||
import builtins from "rollup-plugin-node-builtins" |
|
||||
import nodeglobals from "rollup-plugin-node-globals" |
|
||||
import copy from "rollup-plugin-copy" |
|
||||
import css from "rollup-plugin-css-only" |
|
||||
import replace from "rollup-plugin-replace" |
|
||||
import json from "@rollup/plugin-json" |
|
||||
import html from "rollup-plugin-html" |
|
||||
|
|
||||
import path from "path" |
|
||||
|
|
||||
const production = !process.env.ROLLUP_WATCH |
|
||||
const outputpath = "../server/builder" |
|
||||
const coreExternal = [ |
|
||||
"lodash", |
|
||||
"lodash/fp", |
|
||||
"date-fns", |
|
||||
"lunr", |
|
||||
"safe-buffer", |
|
||||
"shortid", |
|
||||
"@nx-js/compiler-util", |
|
||||
] |
|
||||
|
|
||||
const customResolver = resolve({ |
|
||||
extensions: [ |
|
||||
".mjs", |
|
||||
".js", |
|
||||
".jsx", |
|
||||
".json", |
|
||||
".sass", |
|
||||
".scss", |
|
||||
".svelte", |
|
||||
".css", |
|
||||
], |
|
||||
}) |
|
||||
const projectRootDir = path.resolve(__dirname) |
|
||||
|
|
||||
export default { |
|
||||
input: "src/main.js", |
|
||||
output: { |
|
||||
sourcemap: true, |
|
||||
format: "iife", |
|
||||
name: "app", |
|
||||
file: `${outputpath}/bundle.js`, |
|
||||
}, |
|
||||
plugins: [ |
|
||||
alias({ |
|
||||
entries: [ |
|
||||
{ |
|
||||
find: "components", |
|
||||
replacement: path.resolve(projectRootDir, "src/components"), |
|
||||
}, |
|
||||
{ |
|
||||
find: "builderStore", |
|
||||
replacement: path.resolve(projectRootDir, "src/builderStore"), |
|
||||
}, |
|
||||
{ |
|
||||
find: "constants", |
|
||||
replacement: path.resolve(projectRootDir, "src/constants"), |
|
||||
}, |
|
||||
{ |
|
||||
find: "analytics", |
|
||||
replacement: path.resolve(projectRootDir, "src/analytics"), |
|
||||
}, |
|
||||
], |
|
||||
customResolver, |
|
||||
}), |
|
||||
copy({ |
|
||||
targets: [ |
|
||||
{ src: "src/index.html", dest: outputpath }, |
|
||||
{ src: "src/favicon.png", dest: outputpath }, |
|
||||
{ src: "assets", dest: outputpath }, |
|
||||
{ |
|
||||
src: "../bbui/dist/bbui.css", |
|
||||
dest: outputpath, |
|
||||
}, |
|
||||
{ |
|
||||
src: "node_modules/remixicon/fonts/*", |
|
||||
dest: outputpath, |
|
||||
}, |
|
||||
], |
|
||||
}), |
|
||||
|
|
||||
replace({ |
|
||||
"process.env.NODE_ENV": JSON.stringify( |
|
||||
production ? "production" : "development" |
|
||||
), |
|
||||
"process.env.POSTHOG_TOKEN": JSON.stringify(process.env.POSTHOG_TOKEN), |
|
||||
"process.env.POSTHOG_URL": JSON.stringify(process.env.POSTHOG_URL), |
|
||||
"process.env.SENTRY_DSN": JSON.stringify(process.env.SENTRY_DSN), |
|
||||
}), |
|
||||
|
|
||||
svelte(), |
|
||||
|
|
||||
// Export all CSS imported in the JS to it's own bundle.
|
|
||||
// This is exclusively external stylesheets and vendor stylesheets.
|
|
||||
// Svelte CSS is handled by the svelte plugin
|
|
||||
css({ |
|
||||
output: `external.css`, |
|
||||
}), |
|
||||
|
|
||||
resolve({ |
|
||||
browser: true, |
|
||||
dedupe: importee => { |
|
||||
return ( |
|
||||
importee === "svelte" || |
|
||||
importee.startsWith("svelte/") || |
|
||||
coreExternal.includes(importee) |
|
||||
) |
|
||||
}, |
|
||||
}), |
|
||||
commonjs(), |
|
||||
url({ |
|
||||
limit: 0, |
|
||||
include: ["**/*.woff2", "**/*.png"], |
|
||||
fileName: "[dirname][name][extname]", |
|
||||
emitFiles: true, |
|
||||
}), |
|
||||
builtins(), |
|
||||
nodeglobals(), |
|
||||
|
|
||||
// Watch the `dist` directory and refresh the
|
|
||||
// browser on changes when not in production
|
|
||||
!production && livereload({ watch: outputpath, delay: 500, port: 35730 }), |
|
||||
|
|
||||
// If we're building for production (npm run build
|
|
||||
// instead of npm run dev), minify
|
|
||||
production && terser(), |
|
||||
json(), |
|
||||
html(), |
|
||||
], |
|
||||
} |
|
||||
@ -1,46 +0,0 @@ |
|||||
<html> |
|
||||
<head> |
|
||||
<link rel="stylesheet" href="https://rsms.me/inter/inter.css"> |
|
||||
<link href="https://cdn.jsdelivr.net/npm/remixicon@2.5.0/fonts/remixicon.css" rel="stylesheet"> |
|
||||
<style> |
|
||||
body, html { |
|
||||
height: 100% !important; |
|
||||
font-family: Inter, sans-serif !important; |
|
||||
margin: 0 !important; |
|
||||
} |
|
||||
*, *:before, *:after { |
|
||||
box-sizing: border-box; |
|
||||
} |
|
||||
</style> |
|
||||
<script src='/assets/budibase-client.js'></script> |
|
||||
<script> |
|
||||
function receiveMessage(event) { |
|
||||
if (!event.data) { |
|
||||
return |
|
||||
} |
|
||||
|
|
||||
// Extract data from message |
|
||||
const { selectedComponentId, layout, screen, previewType, appId } = JSON.parse(event.data) |
|
||||
|
|
||||
// Set some flags so the app knows we're in the builder |
|
||||
window["##BUDIBASE_IN_BUILDER##"] = true |
|
||||
window["##BUDIBASE_APP_ID##"] = appId |
|
||||
window["##BUDIBASE_PREVIEW_LAYOUT##"] = layout |
|
||||
window["##BUDIBASE_PREVIEW_SCREEN##"] = screen |
|
||||
window["##BUDIBASE_SELECTED_COMPONENT_ID##"] = selectedComponentId |
|
||||
window["##BUDIBASE_PREVIEW_ID##"] = Math.random() |
|
||||
window["##BUDIBASE_PREVIEW_TYPE##"] = previewType |
|
||||
|
|
||||
// Initialise app |
|
||||
if (window.loadBudibase) { |
|
||||
loadBudibase() |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
window.addEventListener("message", receiveMessage) |
|
||||
window.dispatchEvent(new Event("bb-ready")) |
|
||||
</script> |
|
||||
</head> |
|
||||
<body> |
|
||||
</body> |
|
||||
</html> |
|
||||
Loading…
Reference in new issue