nextcloud-libraries · susnux · Nov 27, 2022 · Nov 27, 2022 · Nov 27, 2022 · Nov 27, 2022
diff --git a/.eslintrc.js b/.eslintrc.js
@@ -1,8 +1,6 @@
 module.exports = {
 	globals: {
 		EMOJIS: true,
-		SCOPE_VERSION: true,
-		TRANSLATIONS: true,
 		oc_userconfig: true,
 		appName: true,
 		appVersion: true,

diff --git a/.gitignore b/.gitignore
@@ -20,6 +20,9 @@ yarn-error.log*
 # Unit test / coverage reports
 coverage
 
+# genereated file
+docs/components
+
 # Docs compiled build
 styleguide/build/
 styleguide/index.html

diff --git a/Makefile b/Makefile
@@ -47,6 +47,7 @@ stylelint-fix:
 clean:
 	rm -rf dist/
 	rm -rf src/fonts/
+	rm -rf styleguide/build/
 
 clean-dev:
 	rm -rf node_modules

diff --git a/build/extract-l10n.js b/build/extract-l10n.js
@@ -1,28 +1,28 @@
-const { GettextExtractor, JsExtractors } = require('gettext-extractor');
+const { GettextExtractor, JsExtractors } = require('gettext-extractor')
 
-let extractor = new GettextExtractor();
+const extractor = new GettextExtractor()
 
 extractor
-    .createJsParser([
-        JsExtractors.callExpression('t', {
-            arguments: {
-                text: 0,
-            }
-        }),
-        JsExtractors.callExpression('n', {
-            arguments: {
-                text: 0,
-                textPlural: 1,
-            }
-        }),
-    ])
-    .parseFilesGlob('./src/**/*.@(ts|js|vue)');
+	.createJsParser([
+		JsExtractors.callExpression('t', {
+			arguments: {
+				text: 0,
+			},
+		}),
+		JsExtractors.callExpression('n', {
+			arguments: {
+				text: 0,
+				textPlural: 1,
+			},
+		}),
+	])
+	.parseFilesGlob('./src/**/*.@(ts|js|vue)')
 
 // remove references to avoid conflicts
 extractor.getMessages().forEach((msg) => {
-    msg.references = [];
-});
-
-extractor.savePotFile('./l10n/messages.pot');
+	msg.references = []
+})
 
-extractor.printStats();
+extractor.savePotFile('./l10n/messages.pot')
+
+extractor.printStats()
diff --git a/build/usernameToColor-export.js b/build/usernameToColor-export.js
diff --git a/cypress.config.mjs b/cypress.config.mjs
@@ -0,0 +1,27 @@
+import { defineConfig } from 'cypress'
+import plugins from './cypress/plugins/index.mjs'
+import viteConfig from './vite.config.mjs'
+
+export default defineConfig({
+	projectId: '3paxvy',
+	viewportWidth: 1920,
+	viewportHeight: 1080,
+	defaultCommandTimeout: 6000,
+
+	env: viteConfig.test.env,
+
+	screenshotsFolder: 'cypress/snapshots/actual',
+	trashAssetsBeforeRuns: true,
+
+	component: {
+		devServer: {
+			framework: 'vue',
+			bundler: 'vite',
+			viteConfig,
+		},
+		specPattern: 'tests/visual/**/*.visual.*',
+		setupNodeEvents(on, config) {
+			return plugins(on, config)
+		},
+	},
+})
diff --git a/cypress.json b/cypress.json
diff --git a/cypress/plugins/index.js → cypress/plugins/index.mjs b/cypress/plugins/index.js → cypress/plugins/index.mjs
@@ -8,31 +8,10 @@
 // https://on.cypress.io/plugins-guide
 // ***********************************************************
 
-// This function is called when a project is opened or re-opened (e.g. due to
-// the project's config changing)
-
-const getCompareSnapshotsPlugin = require('cypress-visual-regression/dist/plugin')
-
-const webpack = require('@cypress/webpack-preprocessor')
-const { startDevServer } = require('@cypress/webpack-dev-server')
-
-module.exports = async (on, config) => {
-	const webpackOptions = await require('../../webpack.config.js')()
-	webpackOptions.externals = {}
-
-	const options = {
-		// send in the options from your webpack.config.js, so it works the same
-		// as your app's code
-		webpackOptions,
-		watchOptions: {},
-	}
+import getCompareSnapshotsPlugin from 'cypress-visual-regression/dist/plugin.js'
 
+export default async (on, config) => {
 	getCompareSnapshotsPlugin(on, config)
-	on('file:preprocessor', webpack(options))
-
-	on('dev-server:start', (options) => {
-		return startDevServer({ options, webpackConfig: webpackOptions })
-	  })
 
 	// Disable spell checking to prevent rendering differences
 	on('before:browser:launch', (browser, launchOptions) => {

diff --git a/cypress/support/commands.js b/cypress/support/commands.js
diff --git a/cypress/support/component-index.html b/cypress/support/component-index.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width,initial-scale=1.0">
+    <title>Components App</title>
+    <div id="__next_css__DO_NOT_USE__"></div>
+  </head>
+  <body>
+    <div data-cy-root></div>
+  </body>
+</html>
diff --git a/cypress/support/index.js → cypress/support/component.js b/cypress/support/index.js → cypress/support/component.js
@@ -1,5 +1,5 @@
 // ***********************************************************
-// This example support/index.js is processed and
+// This example support/component.js is processed and
 // loaded automatically before your test files.
 //
 // This is a great place to put global configuration and
@@ -13,4 +13,16 @@
 // https://on.cypress.io/configuration
 // ***********************************************************
 
-import './commands'
+import { mount } from 'cypress/vue2'
+import compareSnapshotCommand from 'cypress-visual-regression/dist/command.js'
+
+compareSnapshotCommand()
+
+const Cypress = window.Cypress
+
+Cypress.Commands.add('mount', mount)
+
+if (global.process === undefined) global.process = {}
+global.process.env = {
+	...Cypress.env(),
+}
diff --git a/docgen.config.js b/docgen.config.js
@@ -0,0 +1,24 @@
+const { defineConfig } = require('vue-docgen-cli')
+const fs = require('fs')
+
+const generatePages = () => {
+	const path = 'src/components'
+	return fs.readdirSync(path)
+		.filter(file => fs.statSync(`${path}/${file}`).isDirectory())
+		.map(file => {
+			return {
+				components: `${file}/*.vue`,
+				outFile: `${file}.md`,
+			}
+		})
+}
+
+module.exports = defineConfig({
+	componentsRoot: 'src/components',
+	docsRepo: 'nextcloud/nextcloud-vue',
+	docsBranch: 'master',
+	editLinkLabel: 'Fork me on GitHub',
+	outDir: 'docs/components',
+
+	pages: generatePages(),
+})
diff --git a/docs/components.md b/docs/components.md
diff --git a/docs/directives.md b/docs/directives.md
@@ -1,3 +1,4 @@
+# Directives
 ## Tooltip
 
 ```js static