@nzz/q-cli 1.10.3 → 2.0.0-beta.13

package/skeletons/custom-code-skeleton/package.json

@@ -1,46 +0,0 @@
-{
-  "name": "custom-code-skeleton",
-  "version": "1.0.0",
-  "prettier": "@nzz/et-utils-config-prettier",
-  "devDependencies": {
-    "@nzz/et-utils-config-prettier": "^1.0.6",
-    "@nzz/nzz.ch-static": "github:nzzdev/ed-tech-nzz.ch-static#v1.3.0",
-    "@nzz/q-cli": "^1.4.11",
-    "@rollup/plugin-alias": "^3.1.9",
-    "@rollup/plugin-commonjs": "^21.0.0",
-    "@rollup/plugin-html": "^0.2.4",
-    "@rollup/plugin-image": "^2.1.1",
-    "@rollup/plugin-json": "^4.1.0",
-    "@rollup/plugin-node-resolve": "^13.0.5",
-    "@rollup/plugin-typescript": "^8.3.2",
-    "@tsconfig/svelte": "^3.0.0",
-    "autoprefixer": "^10.4.0",
-    "cssnano": "^5.0.10",
-    "npm-run-all": "^4.1.5",
-    "postcss": "^8.3.11",
-    "rollup": "^2.50.1",
-    "rollup-plugin-livereload": "^2.0.5",
-    "rollup-plugin-scss": "^3.0.0",
-    "rollup-plugin-svelte": "^7.1.0",
-    "rollup-plugin-terser": "^7.0.2",
-    "sass": "^1.43.4",
-    "sirv-cli": "^1.0.12",
-    "svelte": "^3.57.0",
-    "svelte-preprocess": "^4.10.7",
-    "typescript": "^4.6.4"
-  },
-  "scripts": {
-    "update-all": "npm run build && Q update-item",
-    "update-production": "npm run build && Q update-item -e production",
-    "update-staging": "npm run build && Q update-item -e staging",
-    "update-test": "npm run build && Q update-item -e test",
-    "build": "rollup -c",
-    "start": "npm run start-regular",
-    "start-regular": "LAYOUT=regular run-p serve rollup",
-    "start-ls": "LAYOUT=longform-standard run-p serve rollup",
-    "start-lv": "LAYOUT=longform-visual run-p serve rollup",
-    "start-hlv": "LAYOUT=headless-longform-visual run-p serve rollup",
-    "rollup": "rollup -c -w",
-    "serve": "sirv public --dev --port 5555 --host 0.0.0.0"
-  }
-}

package/skeletons/custom-code-skeleton/q.config.json

@@ -1,60 +0,0 @@
-{
-  "items": [
-    {
-      "environments": [
-        {
-          "name": "staging",
-          "id": "staging-id-not-set"
-        },
-        {
-          "name": "production",
-          "id": "prod-id-not-set"
-        }
-      ],
-      "item": {
-        "files": [
-          {
-            "loadSyncBeforeInit": true,
-            "file": {
-              "path": "./public/bundle-{id}.js"
-            }
-          },
-          {
-            "loadSyncBeforeInit": true,
-            "file": {
-              "path": "./public/bundle.css"
-            }
-          }
-        ],
-        "markup": "<div id=\"{{id}}_{{random}}root_element\"></div>",
-        "script": "(function () {\n  var target = document.querySelector(\"#{{id}}_{{random}}root_element\");\n  target.innerHTML = \"\";\n  new window._{{id}}.App({\n    target: target,\n    props: {\n      name: \"custom-code-skeleton\",\n    }\n  });\n})();",
-        "sophieModules": [
-          {
-            "submodules": [],
-            "nameVersion": "sophie-font@^1"
-          },
-          {
-            "submodules": [],
-            "nameVersion": "sophie-color@^1"
-          },
-          {
-            "submodules": [],
-            "nameVersion": "sophie-viz-color@^1"
-          }
-        ],
-        "polyfills": [
-          "Map,URL,Promise,fetch,URLSearchParams,Array.prototype.find,Array.prototype.findIndex,Object.entries,Array.prototype.includes,CustomEvent,Array.from,String.prototype.startsWith"
-        ],
-        "trackingComponent": {
-          "componentInfo": {
-            "componentName": "custom-code-skeleton"
-          },
-          "category": {
-            "componentType": "storytelling",
-            "componentSubType1": "Q graphic"
-          }
-        }
-      }
-    }
-  ]
-}

package/skeletons/custom-code-skeleton/rollup.config.js

@@ -1,185 +0,0 @@
-import * as fs from 'fs';
-import * as path from 'path';
-import nodeResolve from '@rollup/plugin-node-resolve';
-import commonjs from '@rollup/plugin-commonjs';
-import json from '@rollup/plugin-json';
-import html from '@rollup/plugin-html';
-import svelte from 'rollup-plugin-svelte';
-import { terser } from 'rollup-plugin-terser';
-import livereload from 'rollup-plugin-livereload';
-import scss from 'rollup-plugin-scss';
-import postcss from 'postcss';
-import cssnano from 'cssnano';
-import autoprefixer from 'autoprefixer';
-import qConfig from './q.config.json';
-import typescript from '@rollup/plugin-typescript';
-import image from '@rollup/plugin-image';
-import alias from '@rollup/plugin-alias';
-import sveltePreprocess from 'svelte-preprocess';
-import {
-  createContentWidthQElement,
-  createFullwidthQElement,
-  getHtml,
-  createSubtitle,
-  createParagraph,
-} from '@nzz/nzz.ch-static';
-
-// Which nzz layout to use?
-const LAYOUT = process.env.LAYOUT;
-const builtCssFilename = 'bundle';
-
-const production = !process.env.ROLLUP_WATCH;
-const projectRootDir = path.resolve(__dirname);
-
-function getOutputConfigs() {
-  const outputConfigs = [];
-  for (let item of qConfig.items) {
-    for (let environment of item.environments) {
-      if (environment.id !== '') {
-        outputConfigs.push({
-          sourcemap: production ? false : true,
-          format: 'iife',
-          name: `window._q_custom_code_${environment.id}.App`,
-          file: `public/bundle-${environment.id}.js`,
-        });
-      }
-    }
-  }
-
-  return outputConfigs;
-}
-
-function getHtmlOptions() {
-  return {
-    fileName: 'index.html',
-    template: function (options) {
-      return getHtml({
-        // These 3 options are the most important. Without them the static website will not function.
-        layout: LAYOUT, // Type of layout.
-        builtCssFilename, // Will be appended at the end of <head>.
-        builtJsFilename: options.files.js[0].fileName, // Will appended to the end of <body>.
-
-        // Create mock elements to simulate your article.
-        content: `
-                  ${createSubtitle('Test Subtitle')}
-                  ${createParagraph('Test paragraph')}
-                  ${createFullwidthQElement('custom-code-fw')}
-                  ${createContentWidthQElement('custom-code-cw')}
-              `,
-
-        // Other options.
-        author: 'Max Musterman',
-        lead: 'Test lead.',
-        title: 'Test title',
-
-        // Links to other css files that need to be loaded.
-        // Will be appended to <head> but before the bundled css file of your app.
-        customCssLinks: [
-          'https://service.sophie.nzz.ch/bundle/sophie-q@^1,sophie-input@^1,sophie-font@^1,sophie-color@^1,sophie-viz-color@^1,sophie-legend@^1.css',
-        ],
-      });
-    },
-  };
-}
-
-function getPostcssPlugins(isProduction) {
-  const postcssPlugins = [autoprefixer];
-
-  if (isProduction) {
-    postcssPlugins.push(cssnano);
-  }
-
-  return postcssPlugins;
-}
-
-function createOutputCssFunction() {
-  const outputCssFunction = (styles, styleNodes) => {
-    const publicDir = 'public';
-
-    if (!fs.existsSync(publicDir)) {
-      fs.mkdirSync(publicDir);
-    }
-
-    fs.writeFileSync(`${publicDir}/${builtCssFilename}.css`, styles);
-  };
-
-  return outputCssFunction;
-}
-
-function getSassConfig(isProduction) {
-  const config = {
-    outputStyle: isProduction ? 'compressed' : 'expanded',
-    // Sourcemap generation (specifically writing the file to system) is currently not supported by rollup-plugin-sass (but soon!)
-    // See: https://github.com/thgh/rollup-plugin-scss/issues/7
-    // outFile: path.join(__dirname, "/public/default.css"), // <- Uncomment after: https://github.com/thgh/rollup-plugin-scss/issues/7
-    sourceMap: !isProduction,
-    sourceMapEmbed: !isProduction, // Remove after: https://github.com/thgh/rollup-plugin-scss/issues/7
-    failOnError: !isProduction,
-    watch: [path.join(__dirname, '/src')],
-    processor: (css) =>
-      postcss(getPostcssPlugins(isProduction))
-        .process(css, {
-          from: path.join(__dirname, `/public/${builtCssFilename}.css`),
-          to: path.join(__dirname, `/public/${builtCssFilename}.css`),
-          map: isProduction ? false : { inline: true }, // Set to false after: https://github.com/thgh/rollup-plugin-scss/issues/7
-        })
-        .then((result) => result.css),
-    output: createOutputCssFunction(),
-  };
-
-  return config;
-}
-
-export default {
-  input: production ? 'src/main-prod.ts' : 'src/main.ts',
-  output: getOutputConfigs(),
-  plugins: [
-    alias({
-      entries: [
-        { find: '@src', replacement: path.resolve(projectRootDir, 'src') },
-        { find: '@interfaces', replacement: path.resolve(projectRootDir, 'src/interfaces.ts') },
-        { find: '@enums', replacement: path.resolve(projectRootDir, 'src/enums.ts') },
-      ],
-    }),
-
-    typescript({ sourceMap: !production }),
-    json(),
-    image(),
-    svelte({
-      preprocess: sveltePreprocess(),
-      compilerOptions: {
-        // enable run-time checks when not in production
-        dev: !production,
-      },
-    }),
-
-    // All styles have to be written in .scss files (inside '/src')
-    // Sass files (except partials) have to be imported in main.scss file (Use '@use' instead of '@import')
-    // Partials are placed in '/src/styles' (e.g. _variables.scss, _helpers.scss)
-    // Partials are imported directly in other sass files (e.g. _variables.scss -> '@use "variables"')
-    scss({ ...getSassConfig(production) }),
-
-    // If you have external dependencies installed from
-    // npm, you'll most likely need these plugins. In
-    // some cases you'll need additional configuration —
-    // consult the documentation for details:
-    // https://github.com/rollup/rollup-plugin-commonjs
-    nodeResolve({ browser: true }),
-    commonjs(),
-
-    // Generate a index.html file when not building for production
-    !production && html(getHtmlOptions()),
-
-    // Watch the `public` directory and refresh the
-    // browser on changes when not in production
-    !production && livereload({ watch: ['public'], delay: 800 }),
-    production && terser(),
-  ],
-  watch: {
-    clearScreen: false,
-  },
-  onwarn: function (warning, warn) {
-    if (warning.code === 'CIRCULAR_DEPENDENCY') return;
-    warn(warning);
-  },
-};

package/skeletons/custom-code-skeleton/src/App.scss

@@ -1,5 +0,0 @@
-.custom-code-item {
-  color: salmon;
-  border: 1px solid #000;
-  margin-bottom: 20px;
-}

package/skeletons/custom-code-skeleton/src/App.svelte

@@ -1,7 +0,0 @@
-<script>
-  export let name;
-</script>
-
-<div class="custom-code-item">
-  Custom Code {name}
-</div>

package/skeletons/custom-code-skeleton/src/main-prod.ts

@@ -1,4 +0,0 @@
-// file is used for the production since the initializing of the app will happen in Q
-import App from './App.svelte';
-import './main.scss';
-export default App;

package/skeletons/custom-code-skeleton/src/main.scss

@@ -1 +0,0 @@
-@use 'App.scss';

package/skeletons/custom-code-skeleton/src/main.ts

@@ -1,18 +0,0 @@
-import App from './App.svelte';
-import './main.scss';
-
-const app = new App({
-  target: document.querySelector('#custom-code-fw'),
-  props: {
-    name: 'custom-code-skeleton - Fullwidth',
-  },
-});
-
-new App({
-  target: document.querySelector('#custom-code-cw'),
-  props: {
-    name: 'custom-code-skeleton - Content Width',
-  },
-});
-
-export default app;

package/skeletons/custom-code-skeleton/tsconfig.json

@@ -1,16 +0,0 @@
-{
-  "extends": "@tsconfig/svelte/tsconfig.json",
-  "include": ["src/**/*"],
-  "exclude": ["node_modules/*", "__sapper__/*", "public/*"],
-  "compilerOptions": {
-    "lib": ["es2015", "DOM"],
-    "types": ["svelte"],
-    "outDir": "public",
-    "declaration": false,
-    "paths": {
-      "@src": ["./src/"],
-      "@interfaces": ["./src/interfaces.ts"],
-      "@enums": ["./src/enums.ts"]
-    }
-  }
-}

package/skeletons/et-utils-package-skeleton/.nvmrc

@@ -1 +0,0 @@
-16

package/skeletons/et-utils-package-skeleton/README.md

@@ -1,12 +0,0 @@
-# @nzz/et-utils-<package-name>
-
-<package-description>
-
-## Content
-
-TODO: Package documentation
-
-## Modules & Node support
-
-The package follows a hybrid module structure, supporting ES6 & CommonJS Module imports.
-Node support can be implemented by changing the internal, relative import statements to include the file type suffix `.js` (not `.ts`!). This however breaks the CommonJS Module imports (`require()`), which should not be an issue if Node 12+ is used in the project.

package/skeletons/et-utils-package-skeleton/jest.config.ts

@@ -1,17 +0,0 @@
-import type { Config } from "@jest/types";
-
-// Sync object
-const config: Config.InitialOptions = {
-  verbose: true,
-  transform: {
-    "^.+\\.tsx?$": "ts-jest",
-  },
-};
-
-config.globals = {
-  "ts-jest": {
-    tsconfig: "<rootDir>/test/tsconfig.json",
-  },
-};
-
-export default config;