@live-change/survey-frontend 0.8.126

package/front/src/App.vue

@@ -0,0 +1,61 @@
+<template>
+  <view-root>
+    <template #navbar>
+      <NavBar />
+      <UpdateBanner />
+    </template>
+  </view-root>
+</template>
+
+<script setup>
+  import 'primevue/resources/themes/saga-green/theme.css'
+  import "@fortawesome/fontawesome-free/css/all.min.css"
+
+  import { useLocale } from '@live-change/vue3-components'
+  const locale = useLocale()
+  locale.captureLocale()
+
+  import { ViewRoot, NavBar, UpdateBanner } from "@live-change/frontend-base"
+
+  import { computed } from 'vue'
+  import { useHead } from '@vueuse/head'
+
+  import { useI18n } from 'vue-i18n'
+  const i18n = useI18n()
+
+  useHead(computed(() => ({
+    title: ENV_BRAND_NAME,
+    meta: [
+      { charset: 'utf-8' },
+      { name: 'viewport',
+        content: "user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1," +
+            " width=device-width, viewport-fit=cover" }
+    ],
+    htmlAttrs: {
+      lang: i18n.locale.value,
+      amp: true
+    },
+  })))
+
+  import { watch } from 'vue'
+  import { client as useClient, useApi } from '@live-change/vue3-ssr'
+  const client = useClient()
+  watch(client, (newClient, oldClient) => {
+    console.log("WATCH CLIENT", oldClient, '=>', newClient)
+  })
+
+  const api = useApi()
+  import emailValidator from "@live-change/email-service/clientEmailValidator.js"
+  import passwordValidator from "@live-change/password-authentication-service/clientPasswordValidator.js"
+  api.validators.email = emailValidator
+  api.validators.password = passwordValidator
+
+  import { defaultHighlightStyle } from "@codemirror/language"
+  import { StyleModule } from "style-mod"
+  if(typeof window != 'undefined') {
+    StyleModule.mount(window.document, defaultHighlightStyle.module)
+  }
+
+  import "./analytics"
+
+</script>

package/front/src/Index.vue

@@ -0,0 +1,16 @@
+<template>
+  <div>
+    <h1>Hello world!</h1>
+    <p>{{ currentTime }}</p>
+    <Clock :time="currentTime" />
+  </div>
+</template>
+
+<script setup>
+  import { currentTime } from "@live-change/frontend-base";
+
+</script>
+
+<style scoped>
+
+</style>

package/front/src/analytics/index.js

@@ -0,0 +1,15 @@
+import { analytics } from "@live-change/vue3-components"
+
+analytics.on('*', (type, e) => console.log('ANALYTICS EVENT', type, e) )
+
+analytics.on('formDone', ({ service, action }) => {
+
+})
+
+analytics.on('menuOpen', e => {
+
+})
+
+analytics.on('pageView', ({ to, fullPath }) => {
+
+})

package/front/src/config.js

@@ -0,0 +1,28 @@
+import deepmerge from 'deepmerge';
+
+import * as en from "../locales/en.js"
+import { locales as autoFormLocales } from "@live-change/frontend-auto-form"
+import { locales as userFrontendLocales } from "@live-change/user-frontend"
+
+export default {
+  defaultLocale: 'en',
+  i18n: {
+    messages: {
+      en: deepmerge.all([
+        autoFormLocales.en,
+        userFrontendLocales.en,
+        en.messages
+      ])
+    },
+    numberFormats: {
+      en: deepmerge.all([
+        en.numberFormats
+      ])
+    },
+    datetimeFormats: {
+      en: deepmerge.all([
+        en.datetimeFormats
+      ])
+    }
+  }
+}

package/front/src/entry-client.js

@@ -0,0 +1,8 @@
+import { clientEntry } from '@live-change/frontend-base/client-entry.js'
+import App from './App.vue'
+import { createRouter } from './router'
+import config from './config.js'
+
+clientEntry(App, createRouter, config)
+
+window.appStarted = true

package/front/src/entry-server.js

@@ -0,0 +1,8 @@
+import { serverEntry, sitemapEntry } from '@live-change/frontend-base/server-entry.js'
+import App from './App.vue'
+import { createRouter, sitemap as routerSitemap } from './router'
+import config from './config.js'
+
+const render = serverEntry(App, createRouter, config)
+const sitemap = sitemapEntry(App, createRouter, routerSitemap, config)
+export { render, sitemap }

package/front/src/router.js

@@ -0,0 +1,76 @@
+import {
+  createMemoryHistory,
+  createRouter as _createRouter,
+  createWebHistory
+} from 'vue-router'
+
+import {
+  installRouterAnalytics
+} from '@live-change/vue3-components'
+
+import { dbAdminRoutes } from "@live-change/db-admin"
+import { userRoutes } from "@live-change/user-frontend"
+import { catchAllPagesRoute, contentEditRoutes, pagesSitemap } from "@live-change/content-frontend"
+
+import pagesRoutes from '~pages'
+
+export function routes(config = {}) {
+  const { prefix = '/', route = (r) => r } = config
+  return [
+    ...userRoutes({ ...config, prefix: prefix + 'user/' }),
+
+    route({
+      name: 'index', path: prefix, meta: { },
+      component: () => import("./Index.vue")
+    }),
+
+    ...pagesRoutes,
+
+    ...contentEditRoutes({ ...config }),
+
+    ...dbAdminRoutes({ prefix: '/_db', route: r => ({ ...r, meta: { ...r.meta, raw: true }}) }),
+    ...catchAllPagesRoute({ ...config }),
+  ]
+}
+
+export async function sitemap(route, api) {
+  route({
+    name: 'index'
+  })
+  await pagesSitemap(route, api)
+}
+
+import { client as useClient } from '@live-change/vue3-ssr'
+
+export function createRouter(app, config) {
+  const client = useClient(app._context)
+
+  const router = _createRouter({
+    // use appropriate history implementation for server/client
+    // import.meta.env.SSR is injected by Vite.
+    history: import.meta.env.SSR ? createMemoryHistory() : createWebHistory(),
+    routes: routes(config)
+  })
+  installRouterAnalytics(router)
+  router.beforeEach(async (to, from) => {
+    if(to?.matched.find(m => m?.meta.signedIn)) {
+      if(!client.value.user) {
+        console.log("REDIRECT TO LOGIN BECAUSE PAGE REQUIRES LOGIN!")
+        router.redirectAfterSignIn = to.fullPath
+        return { name: 'user:signInEmail' }
+      }
+    }
+    if(to?.matched.find(m => m?.meta.signedOut)) {
+      if(client.value.user) {
+        console.log("REDIRECT TO USER INDEX BECAUSE PAGE REQUIRES LOGOUT!")
+        return { name: 'user:settings' }
+      }
+    }
+    if(to && to.name === 'user:signInEmail' && from?.matched.find(m => m?.meta.saveForSignIn)) {
+      console.log("SAVE FOR LOGIN", from.fullPath)
+      localStorage.redirectAfterLogin = from.fullPath
+    }
+  })
+  return router
+}
+

package/front/tsconfig.json

@@ -0,0 +1,26 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "useDefineForClassFields": true,
+    "module": "ESNext",
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "preserve",
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true
+  },
+  "include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.vue"],
+  "references": [{ "path": "./tsconfig.node.json" }]
+}
+

package/front/tsconfig.node.json

@@ -0,0 +1,11 @@
+{
+  "compilerOptions": {
+    "composite": true,
+    "skipLibCheck": true,
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "allowSyntheticDefaultImports": true,
+    "strict": true
+  },
+  "include": ["vite.config.ts"]
+}

package/front/vite.config.ts

@@ -0,0 +1,53 @@
+import { defineConfig } from 'vite'
+import Pages from 'vite-plugin-pages'
+
+import { fileURLToPath } from 'url'
+import { dirname, join } from 'path'
+import { accessSync, readFileSync } from 'fs'
+const currentModuleDir = dirname(fileURLToPath(import.meta.url))
+const packageJsonPath = dirname(fileURLToPath(import.meta.url))
+  .split('/').map((part, i, arr) =>
+    join(arr.slice(0, arr.length - i).join('/'), 'package.json')
+  ).find(p => { try { accessSync(p); return true } catch(e) { return false }})
+const packageJson = packageJsonPath ? JSON.parse(readFileSync(packageJsonPath, 'utf-8')) : {}
+const name = packageJson.name ?? "Example"
+const version = process.env.VERSION ?? packageJson.version ?? 'unknown'
+const homepage = process.env.BASE_HREF ?? packageJson.homepage
+const domain = process.env.BRAND_DOMAIN || (homepage && homepage.match(/https\:\/\/([^\/]+)/)?.[1]) || 'example.com'
+
+// @ts-ignore
+import baseViteConfig from '@live-change/frontend-base/vite-config.js'
+
+export default defineConfig(async ({ command, mode }) => {
+  const baseConfig = (await baseViteConfig({ command, mode }))
+  return {
+    ...baseConfig,
+
+    define: {
+      ...baseConfig.define,
+      ENV_VERSION: JSON.stringify(version),
+      ENV_BRAND_NAME: JSON.stringify(process.env.BRAND_NAME || (name[0].toUpperCase() + name.slice(1))),
+      ENV_BRAND_DOMAIN: JSON.stringify(domain),
+    },
+
+    plugins: [
+      ...baseConfig.plugins,
+      Pages({
+        dirs: [
+          // basic
+          { dir: 'src/pages', baseRoute: '' },
+          // blog
+          // { dir: 'src/blog', baseRoute: 'blog' },
+        ],
+        extensions: ['vue', 'md'],
+      }),
+    ],
+
+    resolve: {
+      ...baseConfig.resolve,
+      alias: [
+        ...baseConfig.resolve.alias,
+      ]
+    }
+  }
+})

package/index.js

@@ -0,0 +1,2 @@
+
+export { }

package/package.json

@@ -0,0 +1,107 @@
+{
+  "name": "@live-change/survey-frontend",
+  "version": "0.8.126",
+  "scripts": {
+    "memDev": "node server/start.js memDev --enableSessions --initScript ./init.js --dbAccess",
+    "localDevInit": "rm tmp.db; node server/start.js localDev --enableSessions --initScript ./init.js --dbAccess",
+    "localDev": "node server/start.js localDev --enableSessions --dbAccess",
+    "dev": "node server/start.js dev --enableSessions",
+    "ssrDev": "node server/start.js ssrDev --enableSessions",
+    "serveAllMem": "cross-env NODE_ENV=production node server/start.js ssrServer --withApi --withServices --updateServices --enableSessions --withDb --dbBackend mem --createDb",
+    "serveAll": "cross-env NODE_ENV=production node server/start.js ssrServer --withApi --withServices --updateServices --enableSessions",
+    "serve": "cross-env NODE_ENV=production node server/start.js ssrServer --enableSessions",
+    "memDev:spa": "node server/start.js memDev --enableSessions --initScript ./init.js --dbAccess --spa",
+    "localDevInit:spa": "rm tmp.db; node server/start.js localDev --enableSessions --initScript ./init.js --spa",
+    "localDev:spa": "node server/start.js localDev --enableSessions --spa",
+    "dev:spa": "node server/start.js dev --enableSessions --spa",
+    "ssrDev:spa": "node server/start.js ssrDev --enableSessions --spa",
+    "serveAllMem:spa": "cross-env NODE_ENV=production node server/start.js server --withApi --withServices --updateServices --enableSessions --withDb --dbBackend mem --createDb --spa",
+    "serveAll:spa": "cross-env NODE_ENV=production node server/start.js server --withApi --withServices --updateServices --enableSessions --spa",
+    "serve:spa": "cross-env NODE_ENV=production node server/start.js server --enableSessions --spa",
+    "apiServer": "node server/start.js apiServer --enableSessions",
+    "devApiServer": "node server/start.js devApiServer --enableSessions",
+    "memApiServer": "node server/start.js memApiServer --enableSessions",
+    "build": "cd front; yarn build:client && yarn build:server",
+    "build:client": "cd front; dotenvx run -f ../.env -- vite build --ssrManifest --outDir dist/client",
+    "build:server": "cd front; dotenvx run -f ../.env -- vite build --ssr src/entry-server.js --outDir dist/server",
+    "build:spa": "cd front; dotenvx run -f ../.env -- vite build --outDir dist/spa",
+    "generate": "vite build --ssrManifest --outDir dist/static && yarn build:server && node prerender",
+    "debug": "node --inspect-brk server",
+    "describe": "node server/start.js describe",
+    "changes": "node server/start.js changes"
+  },
+  "type": "module",
+  "dependencies": {
+    "@codemirror/language": "6.10.1",
+    "@dotenvx/dotenvx": "0.27.0",
+    "@fortawesome/fontawesome-free": "^6.5.2",
+    "@live-change/access-control-frontend": "^0.8.126",
+    "@live-change/access-control-service": "^0.8.126",
+    "@live-change/backup-service": "^0.8.126",
+    "@live-change/blog-frontend": "^0.8.126",
+    "@live-change/blog-service": "^0.8.126",
+    "@live-change/cli": "^0.8.126",
+    "@live-change/content-frontend": "^0.8.126",
+    "@live-change/content-service": "^0.8.126",
+    "@live-change/dao": "^0.8.126",
+    "@live-change/dao-vue3": "^0.8.126",
+    "@live-change/dao-websocket": "^0.8.126",
+    "@live-change/db-client": "^0.8.126",
+    "@live-change/email-service": "^0.8.126",
+    "@live-change/framework": "^0.8.126",
+    "@live-change/frontend-auto-form": "^0.8.126",
+    "@live-change/frontend-base": "^0.8.126",
+    "@live-change/geoip-service": "^0.8.126",
+    "@live-change/image-frontend": "^0.8.126",
+    "@live-change/locale-settings-service": "^0.8.126",
+    "@live-change/password-authentication-service": "^0.8.126",
+    "@live-change/prosemirror-service": "^0.8.126",
+    "@live-change/secret-code-service": "^0.8.126",
+    "@live-change/secret-link-service": "^0.8.126",
+    "@live-change/session-service": "^0.8.126",
+    "@live-change/survey-service": "^0.8.126",
+    "@live-change/task-service": "^0.8.126",
+    "@live-change/upload-frontend": "^0.8.126",
+    "@live-change/url-frontend": "^0.8.126",
+    "@live-change/url-service": "^0.8.126",
+    "@live-change/user-frontend": "^0.8.126",
+    "@live-change/user-identification-service": "^0.8.126",
+    "@live-change/user-service": "^0.8.126",
+    "@live-change/vote-service": "^0.8.126",
+    "@live-change/vue3-components": "^0.8.126",
+    "@live-change/vue3-ssr": "^0.8.126",
+    "@live-change/wysiwyg-frontend": "^0.8.126",
+    "@vueuse/core": "^10.11.0",
+    "codeceptjs-assert": "^0.0.5",
+    "compression": "^1.7.4",
+    "cross-env": "^7.0.3",
+    "get-port-sync": "1.0.1",
+    "pica": "^9.0.1",
+    "pretty-bytes": "^6.1.1",
+    "primeflex": "^3.3.1",
+    "primeicons": "^7.0.0",
+    "primevue": "^3.52.0",
+    "rollup-plugin-node-builtins": "^2.1.2",
+    "rollup-plugin-visualizer": "5.12.0",
+    "serialize-javascript": "^6.0.2",
+    "serve-static": "^1.15.0",
+    "v-shared-element": "3.1.1",
+    "vue": "^3.4.29",
+    "vue-i18n": "^9.10.1",
+    "vue-router": "^4.3.3",
+    "vue3-scroll-border": "0.1.6"
+  },
+  "devDependencies": {
+    "@live-change/codeceptjs-helper": "^0.8.126",
+    "codeceptjs": "^3.6.5",
+    "generate-password": "1.7.1",
+    "playwright": "^1.41.2",
+    "random-profile-generator": "^2.3.0",
+    "txtgen": "^3.0.6",
+    "webdriverio": "^8.40.2"
+  },
+  "author": "Michał Łaszczewski <michal@laszczewski.pl>",
+  "license": "ISC",
+  "description": "",
+  "gitHead": "2aa34c0589d115aeaa573bd2cae09bb43a66d162"
+}

package/server/app.config.js

@@ -0,0 +1,115 @@
+import dotenv from 'dotenv'
+dotenv.config()
+
+import App from "@live-change/framework"
+const app = App.app()
+
+const contactTypes = ['email']
+
+import securityConfig from './security.config.js'
+import documentTypePage from './page.documentType.js'
+
+app.config = {
+  services: [
+    {
+      name: 'timer',
+    },
+    {
+      name: 'session',
+      createSessionOnUpdate: true
+    },
+    {
+      name: 'user',
+    },
+    {
+      name: 'email',
+    },
+    {
+      name: 'passwordAuthentication',
+      contactTypes,
+      signInWithoutPassword: true
+    },
+    {
+      name: 'userIdentification',
+    },
+    {
+      name: 'localeSettings',
+    },
+    {
+      name: 'identicon',
+    },
+    {
+      name: 'accessControl',
+      createSessionOnUpdate: true,
+      contactTypes,
+    },
+    {
+      name: 'security',
+      ...securityConfig,
+    },
+    {
+      name: 'notification',
+      contactTypes,
+      notificationTypes: ['example_TestNotification']
+    },
+    {
+      name: 'upload',
+    },
+    {
+      name: 'image',
+    },
+    {
+      name: 'secretCode',
+    },
+    {
+      name: 'secretLink',
+    },
+    {
+      name: 'messageAuthentication',
+      contactTypes,
+      signUp: true,
+      signIn: true,
+      connect: true
+    },
+    {
+      name: 'googleAuthentication',
+    },
+    {
+      name: 'linkedinAuthentication',
+    },
+    {
+      name: 'url',
+    },
+    {
+      name: 'prosemirror',
+      documentTypes: {
+        page: documentTypePage,
+        /*rich: require('./rich.documentType.js'),*/
+      },
+      testLatency: 2000
+    },
+    {
+      name: 'content',
+    },
+    {
+      name: 'geoIp',
+      geoIpCountryPath: "./data/GeoLite2-Country.mmdb",
+      //geoIpDefaultCountry: "pl"
+    },
+    {
+      name: 'vote',
+    },
+    {
+      name: 'task',
+    },
+    {
+      name: 'survey'
+    },
+    {
+      name: 'backup',
+      port: 8007
+    },
+  ]
+}
+
+export default app.config

package/server/init.js

@@ -0,0 +1,10 @@
+import { createUser } from "@live-change/user-frontend/server/init-functions.js"
+import App from '@live-change/framework'
+const app = App.app()
+
+export default async function(services) {
+
+  const testUser = await createUser(services,
+    'Test User', 'test@test.com', 'Testy123', 'u1', ['writer'])
+
+}

package/server/page.documentType.js

@@ -0,0 +1,103 @@
+export default {
+  "marks": {
+    "bold": {},
+    "italic": {},
+    "underline": {},
+    "strike": {}
+  },
+  "nodes": {
+    "paragraph": {
+      "content": "inline*",
+      "group": "block"
+    },
+    "horizontalRule": {
+      "group": "block"
+    },
+    "heading": {
+      "content": "inline*",
+      "group": "block",
+      "defining": true,
+      "attrs": {
+        "level": {
+          "default": 1
+        }
+      }
+    },
+    "blockquote": {
+      "content": "block+",
+      "group": "block",
+      "defining": true
+    },
+    "codeBlock": {
+      "content": "text*",
+      "marks": "",
+      "group": "block",
+      "code": true,
+      "defining": true,
+      "attrs": {
+        "language": {
+          "default": null
+        }
+      }
+    },
+    "bulletList": {
+      "content": "listItem+",
+      "group": "block list"
+    },
+    "orderedList": {
+      "content": "listItem+",
+      "group": "block list",
+      "attrs": {
+        "start": {
+          "default": 1
+        }
+      }
+    },
+    "listItem": {
+      "content": "paragraph block*",
+      "defining": true
+    },
+    "image": {
+      "content": "",
+      "marks": "",
+      "group": "block",
+      "inline": false,
+      "atom": true,
+      "selectable": true,
+      "draggable": true,
+      "attrs": {
+        "image": {
+          "default": null
+        }
+      }
+    },
+    "doc": {
+      "content": "block+"
+    },
+    "text": {
+      "group": "inline"
+    },
+    "hardBreak": {
+      "group": "inline",
+      "inline": true,
+      "selectable": false
+    },
+    "component": {
+      "content": "block*",
+      "marks": "",
+      "group": "block",
+      "inline": false,
+      "selectable": true,
+      "draggable": true,
+      "attrs": {
+        "is": {
+          "default": "card"
+        },
+        "attrs": {
+          "default": {}
+        }
+      }
+    }
+  },
+  "topNode": "doc"
+}