Add the front end components for initial testing

Author: drewbindon

.gitignore

@@ -0,0 +1,16 @@
+# JS
+node_modules
+dist
+lerna-debug.log
+yarn-error.log
+mix-manifest.json
+
+# Macos
+.DS_Store
+
+# PHP
+vendor
+.php_cs.cache
+.phpunit.result.cache
+
+.env

build/build-js.js

@@ -0,0 +1,47 @@
+#!/usr/bin/env node
+import { readFileSync, existsSync } from "fs";
+import chalk from "chalk";
+import path from 'path';
+import execa from 'execa'
+import { packages } from './utils'
+import gzipSize from 'gzip-size';
+// import brotliSize from 'brotli-size'; // todo
+import prettyBytes from 'pretty-bytes';
+import ora from 'ora'
+const { parse } = JSON
+
+async function buildPackages(packages) {
+
+    for(let pkg of packages) {
+        process.chdir(path.resolve(__dirname, '../', pkg))
+        const { name, version, scripts, main:pkgMain, module:pkgModule } = parse(readFileSync('./package.json', 'utf-8'))
+        console.log(chalk.yellow(''.padEnd(40, '-')))
+        console.log('', chalk.yellow(name.padEnd(25, ' ')), chalk.yellow(version.padEnd(15, ' ')))
+        const installSpinner = ora(chalk.green('installing...'.padEnd(15, ' ')), chalk.yellow(name.padEnd(25, ' ')), chalk.yellow(version.padEnd(15, ' '))).start()
+        await execa('yarn', ['install'])
+        installSpinner.stopAndPersist()
+
+        if (scripts.build) {
+            const buildSpinner = ora(chalk.green('building...'.padEnd(15, ' ')), chalk.yellow(name.padEnd(25, ' '))).start()
+            await execa('yarn', ['run', 'build'])
+            buildSpinner.stopAndPersist()
+        } else {
+            console.log(chalk.red('  no build step...'))
+        }
+
+        if (pkgMain && existsSync(pkgMain)) {
+            const mainSize = gzipSize.fileSync(pkgMain)
+            console.log(chalk.blue('  common (gzip)'.padEnd(25, ' ')), chalk.cyan(prettyBytes(mainSize).padEnd(25, ' ')))
+        }
+
+        if (pkgModule && existsSync(pkgModule)) {
+            const moduleSize = gzipSize.fileSync(pkgModule)
+            console.log(chalk.blue('  esm (gzip)'.padEnd(25, ' ')), chalk.cyan(prettyBytes(moduleSize).padEnd(25, ' ')))
+        }
+
+        console.log() // empty for new line
+    }
+}
+
+
+buildPackages(packages)

build/github-api.js

@@ -0,0 +1,51 @@
+import fetch from 'node-fetch'
+import semver from 'semver'
+
+let latestRelease = null;
+export async function getLatestRelease() {
+    if (latestRelease) return latestRelease
+    const releaseData = await fetch("https://api.github.com/repos/reed-jones/phase/releases/latest")
+    return latestRelease = await releaseData.json()
+}
+
+let releases = []
+export async function getReleases() {
+    if (releases.length) return releases
+    const releasesData = await fetch("https://api.github.com/repos/reed-jones/phase/releases")
+    return releases = await releasesData.json();
+}
+
+export async function createRelease(version, body) {
+    const data = {
+        tag_name: version,
+        name: version,
+        draft: false,
+        prerelease: false,
+        body
+    }
+
+	const response = await fetch('https://api.github.com/repos/reed-jones/phase/releases', {
+		method: 'post',
+		body: JSON.stringify(data),
+        headers: {
+            'Content-Type': 'application/json',
+            Accept: 'application/vnd.github.v3+json',
+            Authorization: `token ${process.env.GITHUB_TOKEN}`
+        }
+	});
+	return await response.json();
+}
+
+let tags = []
+export async function getTags() {
+    if (tags.length) return tags
+    const tagsData = await fetch("https://api.github.com/repos/reed-jones/phase/tags")
+    const rawTags = await tagsData.json()
+    return tags = rawTags.sort((a,b) => semver.compare(b.name, a.name))
+}
+
+export async function getLatestTag() {
+    if (tags.length) return tags[0]
+    await getTags()
+    return tags[0]
+}

build/release-js.js

@@ -0,0 +1,13 @@
+import { packages } from './utils'
+import execa from 'execa'
+import chalk from "chalk";
+
+async function releasePackages(packages) {
+    packages.forEach(pkg => {
+      process.chdir(path.resolve(__dirname, '../', pkg))
+      console.log('Publishing...', chalk.yellow(process.cwd()))
+      execa.sync('npm publish --access public')
+    })
+}
+
+releasePackages(packages)

build/release-notes.js

@@ -0,0 +1,55 @@
+import { getLatestRelease, getLatestTag, createRelease } from "./github-api";
+import {
+  git,
+  parseChangelogLine,
+  acceptableLines,
+  formatLine,
+  formatDiff,
+} from "./utils";
+
+async function generateChangelog() {
+
+  const { tag_name } = await getLatestRelease();
+  const tag = await getLatestTag();
+
+  const log =
+    git(`log --pretty=format:"[%h] %s (%an <%ae>)" ${tag_name}...HEAD`)
+      .map(parseChangelogLine)
+      .filter(acceptableLines)
+      .map(formatLine)
+      .join("\n") || "No notable commits tracked";
+
+  const pkgs = [
+    ...new Set(
+      git(
+        [
+          `diff --name-only ${tag_name}...HEAD packages`,
+          `':(exclude)*/package.json'`,
+          `':(exclude)*/composer.json'`,
+          `':(exclude)*/__tests__/*'`,
+        ].join(" ")
+      )
+        .map(formatDiff(tag))
+        .filter(Boolean)
+    ),
+  ].join("\n");
+
+  const date = new Date
+  const formattedDate = `${date.getFullYear()}-${`${date.getMonth() + 1}`.padStart(2, '0')}-${`${date.getDate()}`.padStart(2, '0')}`;
+
+  const body = [
+    `## [${tag.name}](https://github.com/reed-jones/phase/compare/${tag_name}...${tag.name}) - ${formattedDate}`,
+    '\n',
+    `## Notable commits since the last release (${tag_name}...${tag.name}):`,
+    `\n${log}`,
+    `\n`,
+    "## Packages updated in this release",
+    `\n${pkgs}\n`,
+  ].join("\n");
+
+  return createRelease(tag.name, body)
+}
+
+generateChangelog()
+    .then(console.log)
+    .catch(console.error);

build/release-php.sh

@@ -0,0 +1,38 @@
+#!/usr/bin/env bash
+
+set -e
+
+VERSION=$1
+VERSION_REGEX="^v[0-9]+\.[0-9]+\.[0-9]+$"
+
+if [[ ! $VERSION =~ $VERSION_REGEX ]]
+then
+    echo "Version must match the format vX.X.X"
+
+    exit 1
+fi
+
+git tag $VERSION
+git push origin --tags
+
+for REMOTE in routing state phase
+do
+    echo ""
+    echo ""
+    echo "Releasing $REMOTE";
+
+    TMP_DIR="/tmp/phased-php"
+    REMOTE_URL="[email protected]:reed-jones/phase-$REMOTE-php.git"
+
+    rm -rf $TMP_DIR;
+    mkdir $TMP_DIR;
+
+    (
+        cd $TMP_DIR;
+
+        git clone $REMOTE_URL .
+        git checkout master
+        git tag $VERSION
+        git push origin --tags
+    )
+done

build/rollup.js

@@ -0,0 +1,59 @@
+import sucrase from "@rollup/plugin-sucrase";
+import commonjs from '@rollup/plugin-commonjs'
+import resolve from "@rollup/plugin-node-resolve";
+import { terser } from "rollup-plugin-terser";
+import alias from "@rollup/plugin-alias";
+
+export const { ROLLUP_WATCH = false, NODE_ENV = 'development' } = process.env;
+export const production = !ROLLUP_WATCH && NODE_ENV === "production";
+
+export const outputs = {
+  cjs: pkg => ({ file: pkg.main, format: "cjs" }),
+  esm: pkg => ({ file: pkg.module, format: "es" })
+}
+
+export const externals = {
+  node: [
+    "path",
+    "fs",
+    "child_process",
+    "os",
+    "assert",
+    "events",
+    "util",
+    "module",
+    "stream",
+    "constants"
+  ]
+}
+
+export const plugins = {
+  alias: alias({
+    entries: [
+      {
+        find: "@",
+        replacement: "./lib"
+      }
+    ],
+    customResolver: resolve({
+      extensions: ["ts"]
+    })
+  }),
+
+  resolve: resolve({
+    extensions: [".ts"]
+  }),
+
+  sucrase: sucrase({
+    exclude: ["node_modules/**", "types/**", "__tests__"],
+    transforms: ["typescript"]
+  }),
+
+  commonjs: commonjs({
+    //
+  }),
+
+  terser: production && terser({
+    //
+  })
+}

build/split-php.sh

@@ -0,0 +1,28 @@
+#!/usr/bin/env bash
+
+set -e
+set -x
+
+function split()
+{
+    # https://github.com/splitsh/lite
+    SHA1=`./build/splitsh-lite --prefix=$1 `
+    git push $2 "$SHA1:refs/heads/master" -f
+}
+
+function remote()
+{
+    git remote add $1 $2 || true
+}
+
+git pull origin master
+
+# remote preset [email protected]:reed-jones/phase-preset-php.git
+remote routing [email protected]:reed-jones/phase-routing-php.git
+remote state [email protected]:reed-jones/phase-state-php.git
+remote phase [email protected]:reed-jones/phase-phase-php.git
+
+# split 'src/Phased/Preset' preset
+split 'packages/Phased/Routing' routing
+split 'packages/Phased/State' state
+split 'packages/Phased/Phase' phase

build/splitsh-lite

@@ -0,0 +1,65 @@
+import { execSync } from "child_process";
+import { existsSync } from "fs";
+import { join } from 'path'
+
+export const packages = [
+  "packages/@vuexhydrate/types",
+  "packages/@vuexhydrate/state",
+  "packages/@vuexhydrate/routing",
+  "packages/@vuexhydrate/webpack-plugin",
+  "packages/@vuexhydrate/laravel-mix",
+  "packages/@vuexhydrate/phase",
+];
+
+export function git(cmd) {
+  return execSync(`git ${cmd}`).toString().trim().split("\n");
+}
+
+// release/changelog parseing
+export function parseChangelogLine(line) {
+  const regex = /^\[(?<hash>.{7,7})\] (?<type>[\w\s\d]*)(\((?<scope>.*)\))?: (?<change>.*) \((?<author>.*)\)$/gm;
+  let m;
+
+  while ((m = regex.exec(line)) !== null) {
+    // This is necessary to avoid infinite loops with zero-width matches
+    if (m.index === regex.lastIndex) {
+      regex.lastIndex++;
+    }
+    return m.groups;
+  }
+}
+
+export function acceptableLines(line) {
+  if (!line) return false;
+  if (line.change.startsWith("wip")) return false;
+  if (line.scope && line.scope.includes("release")) return false;
+  return true;
+}
+
+export function formatLine(line) {
+  return `- [${line.hash}]: **${line.type}${
+    line.scope ? `(**_${line.scope}_**)` : ""
+  }**: ${line.change} - (${line.author})`;
+}
+
+export function formatDiff(tag) {
+  return function(line) {
+  const [_, _base, _package] = line.split("/")
+  const file = `./packages/${_base}/${_package}/package.json`
+  const isForNpm = existsSync(file)
+  const version = isForNpm
+    ? require(join("..", file)).version
+    : tag.name.replace(/^v/, "")
+
+  const pkg = {
+    base: _base,
+    package: _package,
+    version,
+    manager: isForNpm ? "npm" : "composer",
+  }
+
+  return `- _[${`${pkg.manager}`.padEnd(8, " ")}]_ **${pkg.base}/${
+    pkg.package
+  }**@_${pkg.version}_`.toLowerCase();
+  }
+}