init

Author: ahoyahoy

.editorconfig

@@ -0,0 +1,15 @@
+# http://editorconfig.org
+
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+end_of_line = lf
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[*.md]
+insert_final_newline = false
+trim_trailing_whitespace = false

.gitignore

@@ -0,0 +1,25 @@
+www/
+
+*~
+*.sw[mnpcod]
+*.log
+*.lock
+*.tmp
+*.tmp.*
+log.txt
+*.sublime-project
+*.sublime-workspace
+
+.stencil/
+.idea/
+.vscode/
+.sass-cache/
+.versions/
+node_modules/
+$RECYCLE.BIN/
+
+.DS_Store
+Thumbs.db
+UserInterfaceState.xcuserstate
+.env
+jest-test-results.json

.prettierignore

@@ -0,0 +1,6 @@
+node_modules/
+.stencil/
+.github/
+www/
+.editorconfig
+.gitignore

.storybook/addons.js

@@ -0,0 +1,4 @@
+import '@storybook/addon-actions/register';
+import "@storybook/addon-jest/register";
+import '@storybook/addon-notes/register';
+import '@storybook/addon-viewport/register';

.storybook/config.js

@@ -0,0 +1,59 @@
+import { configure, addDecorator, addParameters } from '@storybook/html';
+import { create } from '@storybook/theming'
+import { withTests } from "@storybook/addon-jest";
+import results from "../jest-test-results.json";
+
+const theme = create({
+  base: 'light',
+  
+/*
+  colorPrimary: 'hotpink',
+  colorSecondary: 'deepskyblue',
+  // UI
+  appBg: 'white',
+  appContentBg: 'white',
+  appBorderColor: 'grey',
+  appBorderRadius: 4,
+
+  // Typography
+  fontBase: '"Open Sans", sans-serif',
+  fontCode: 'monospace',
+
+  // Text colors
+  textColor: 'black',
+  textInverseColor: 'rgba(255,255,255,0.9)',
+
+  // Toolbar default and active colors
+  barTextColor: 'silver',
+  barSelectedColor: 'black',
+  barBg: 'white',
+
+  // Form colors
+  inputBg: 'white',
+  inputBorder: 'silver',
+  inputTextColor: 'black',
+  inputBorderRadius: 4,
+*/
+  brandTitle: 'Purple Web Components',
+  //brandUrl: 'https://example.com',
+  //brandImage: 'https://www.purple-technology.com/2072473f6e8356bd743b97387b175fc28c03139e/images/icons/logo-menu2x.png',
+})
+
+addParameters({
+  options: {
+    theme
+  }
+})
+
+addDecorator(
+  withTests({
+    results,
+    filesExt: ".spec.ts"
+  })
+);
+
+const req = require.context("../src", true, /\.stories\.js$/);
+function loadStories() {
+  req.keys().forEach(filename => req(filename));
+}
+configure(loadStories, module);

.storybook/preview-head.html

@@ -0,0 +1 @@
+<!-- <script src="./build/enjin.js"></script> -->

.storybook/webpack.config.js

@@ -0,0 +1,49 @@
+const fs = require("fs");
+const path = require("path");
+const CopyPlugin = require("copy-webpack-plugin");
+const WriteFilePlugin = require("write-file-webpack-plugin");
+
+module.exports = async ({ config }) => {
+  config.entry.push(path.join(__dirname, "../dist/purple-web-components.js"));
+  fs.readdirSync(
+    path.join(__dirname, "../dist/collection/components")
+  ).map(function(file) {
+    jsFilePath = path.join(
+      __dirname,
+      `../dist/collection/components/${file}/${file}.js`
+    );
+    try {
+      if (fs.existsSync(jsFilePath)) {
+        config.entry.push(jsFilePath);
+      }
+    } catch (err) {
+      console.error(err);
+    }
+
+    cssFilePath = path.join(
+      __dirname,
+      `../dist/collection/components/${file}/${file}.css`
+    );
+    try {
+      if (fs.existsSync(cssFilePath)) {
+        config.entry.push(cssFilePath);
+      }
+    } catch (err) {
+      console.error(err);
+    }
+  });
+
+  config.plugins.push(
+    new CopyPlugin([
+      {
+        from: "**/*",
+        to: "./",
+        context: "dist"
+      }
+    ])
+  );
+
+  config.plugins.push(new WriteFilePlugin());
+
+  return config;
+};