npm - @knowark/componarkjs - Versions diffs - 1.7.3 → 1.7.5 - Mend

@knowark/componarkjs 1.7.3 → 1.7.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (77) hide show

package/showcase/index.html CHANGED Viewed

@@ -1,86 +1,44 @@
 <!DOCTYPE html>
 <html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1">
-  <link rel="preconnect" href="https://fonts.googleapis.com">
-  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-  <link rel="preconnect" href="https://fonts.googleapis.com">
-  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-  <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap" rel="stylesheet">
-  <title></title>
-</head>
-<style>
-  * {
-    box-sizing: border-box;
-    margin: 0;
-  }
-  html {
-    height: 100%;
-  }
-  body {
-    display: grid;
-    align-items: center;
-    justify-items: center;
-    color: #001e3d;
-    font-family: "Roboto","Helvetica","Arial",sans-serif;
-    min-height: 100%;
-  }
-  .titles {
-    display: flex;
-    gap: 0.8rem;
-  }
-  #version {
-    align-self: center;
-    font-weight: 300;
-    font-size: 0.9rem;
-  }
-  .themes {
-    padding: 0;
-    display: flex;
-    gap: 1rem;
-    flex-direction: column;
-    align-self: center;
-    text-align: center;
-    list-style-type: none;
-  }
-  .theme__link {
-    user-select: none;
-    padding: 1rem;
-    background: #001e3d;
-    color: #00ffff;
-    border-radius: 5px;
-    text-decoration: none;
-    font-weight: bold;
-    transition: all 0.2s ease-in-out;
-  }
-  .theme__link:hover {
-    background: #00ffff;
-    color: #001e3d;
-  }
-</style>
-<body>
-  <main>
-    <div class="titles">
-      <img src="../showcase/logo-knowark.svg" alt="" class="brand">
-      <h1>Componark</h1>
-      <h2 id="version"></h2>
-    </div>
-    <ul class="themes">
-      <a class="theme__link" href="/ark/base/accordion">
-        <li> ARK </li>
-      </a>
-    </ul>
-  </main>
-</body>
+  <head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap" rel="stylesheet">
+    <link rel="stylesheet"href="https://unpkg.com/@knowark/styleark@0.6.1/dist/styles.min.css">
+    <title>Componark</title>
+  </head>
+  <style>
+    :root {
+      --secondary: #00ffff;
+      --primary: #001e3d;
+      font-family: "Roboto";
+    }
+    html, body {
+      height: 100%;
+    }
+  </style>
+  <body>
+    <main style="display:grid; grid: 1fr 2fr / auto-flow;
+    justify-items:center; height:100%; --padding:8">
+      <section id="title" style="--margin-top:12">
+        <h1 style="text-align:center; --margin-bottom:8">Componark</h1>
+        <img style="display:block; --width:15;" src="./assets/knowark.svg">
+      </section>
+      <section id="entries" style="display:grid; place-items:center;
+        --padding-vertical:12">
+        <div style="width:100%;">
+          <a style="display:block; background:var(--primary);
+          color:var(--secondary); text-decoration:none; text-align:center;
+          border-radius:5px; --padding:2;" href="/components">
+            Components
+          </a>
+        </div>
+      </section>
+    </main>
+  </body>
 </html>

package/showcase/index.js CHANGED Viewed

@@ -1,4 +1,3 @@
 const version = VERSION
 const versionElement = document.getElementById('version')

package/webpack.config.cjs CHANGED Viewed

@@ -1,116 +1,116 @@
-const path = require("path")
-const { DefinePlugin, EnvironmentPlugin } = require("webpack")
-const { CleanWebpackPlugin } = require("clean-webpack-plugin")
-const CopyWebpackPlugin = require("copy-webpack-plugin")
-const HtmlWebpackPlugin = require("html-webpack-plugin")
+const path = require('path')
+const { DefinePlugin, EnvironmentPlugin } = require('webpack')
+const { CleanWebpackPlugin } = require('clean-webpack-plugin')
+const CopyWebpackPlugin = require('copy-webpack-plugin')
+const HtmlWebpackPlugin = require('html-webpack-plugin')
 module.exports = (env, argv) => {
-  const devMode = argv.mode === "development"
+  const devMode = argv.mode === 'development'
   const target = env.TARGET
   const commonConfig = {
     mode: argv.mode,
     entry: {
-      showcase: "./lib/showcase/design/index.js",
+      showcase: './lib/showcase/design/index.js'
     },
     plugins: [
       new CleanWebpackPlugin(),
       new HtmlWebpackPlugin({
-        chunks: ["showcase", "runtime"],
-        title: "Componark",
-        template: "./lib/showcase/design/index.html",
+        chunks: ['showcase', 'runtime'],
+        title: 'Componark',
+        template: './lib/showcase/design/index.html'
       }),
       new CopyWebpackPlugin({
-        patterns: ["lib/showcase/design/.htaccess"],
+        patterns: ['lib/showcase/design/.htaccess']
       }),
       new DefinePlugin({
         PRODUCTION: !devMode,
-        VERSION: JSON.stringify(require("./package.json").version),
-        TARGET: JSON.stringify(target),
-      }),
+        VERSION: JSON.stringify(require('./package.json').version),
+        TARGET: JSON.stringify(target)
+      })
     ],
     module: {
       rules: [
         {
           test: /\.(png|svg|jpg|gif)$/,
-          use: ["file-loader"],
+          use: ['file-loader']
         },
         {
           test: /\.(woff(2)?|ttf|eot|svg)(\?v=\d+\.\d+\.\d+)?$/,
           use: [
             {
-              loader: "file-loader",
+              loader: 'file-loader',
               options: {
-                name: "[name].[ext]",
-                outputPath: "fonts/",
-              },
-            },
-          ],
+                name: '[name].[ext]',
+                outputPath: 'fonts/'
+              }
+            }
+          ]
         }
-      ],
+      ]
     },
     resolve: {
       alias: {
-        base: path.resolve(__dirname, "./lib/base/"),
-        components: path.resolve(__dirname, "./lib/components/"),
-        screens: path.resolve(__dirname, "./lib/showcase/screens/"),
-      },
-    },
+        base: path.resolve(__dirname, './lib/base/'),
+        components: path.resolve(__dirname, './lib/components/'),
+        screens: path.resolve(__dirname, './lib/showcase/screens/')
+      }
+    }
   }
   const arkConfig = Object.assign({}, commonConfig, {
-    name: "ark",
+    name: 'ark',
     mode: argv.mode,
     output: {
-      publicPath: "/ark/",
-      filename: "[name].[contenthash].js",
-      path: path.join(__dirname, "/dist/ark"),
+      publicPath: '/ark/',
+      filename: '[name].[contenthash].js',
+      path: path.join(__dirname, '/dist/ark')
     },
     plugins: commonConfig.plugins.concat([
       new EnvironmentPlugin({
-        ARK_DESIGN: "ark",
-      }),
-    ]),
+        ARK_DESIGN: 'ark'
+      })
+    ])
   })
   const rootConfig = {
-    name: "root",
+    name: 'root',
     mode: argv.mode,
     entry: {
-      index: "./lib/showcase/index.js",
+      index: './lib/showcase/index.js'
     },
     plugins: [
       new CleanWebpackPlugin(),
       new DefinePlugin({
         PRODUCTION: !devMode,
-        VERSION: JSON.stringify(require("./package.json").version),
-        TARGET: JSON.stringify(target),
+        VERSION: JSON.stringify(require('./package.json').version),
+        TARGET: JSON.stringify(target)
       }),
       new CopyWebpackPlugin({
         patterns: [
-          { from: "lib/showcase/locales/", to: "locales/" }
-        ],
+          { from: 'lib/showcase/locales/', to: 'locales/' }
+        ]
       }),
       new HtmlWebpackPlugin({
-        title: "Componark",
-        template: "./lib/showcase/index.html",
-      }),
-    ],
+        title: 'Componark',
+        template: './lib/showcase/index.html'
+      })
+    ]
   }
   if (devMode) {
     rootConfig.devServer = {
       static: [
-        path.join(__dirname, "dist"),
-        path.join(__dirname, "dist/ark"),
+        path.join(__dirname, 'dist'),
+        path.join(__dirname, 'dist/ark')
       ],
       historyApiFallback: {
         rewrites: [
-          { from: /^\/$/, to: "/index.html" },
-          { from: /^\/ark/, to: "/ark/index.html" },
-        ],
+          { from: /^\/$/, to: '/index.html' },
+          { from: /^\/ark/, to: '/ark/index.html' }
+        ]
       },
-      port: 7890,
+      port: 7890
     }
   }

package/showcase/design/core/factories/development/development.factory.js DELETED Viewed

@@ -1,5 +0,0 @@
-import { StandardFactory, standardStrategy } from '../standard.factory.js'
-export class DevelopmentFactory extends StandardFactory { }
-export const developmentStrategy = Object.assign({}, standardStrategy, {})

package/showcase/design/core/factories/development/index.js DELETED Viewed

	@@ -1 +0,0 @@
1	- export * from './development.factory.js'

package/showcase/design/core/factories/index.js DELETED Viewed

@@ -1,11 +0,0 @@
-import {
-  DevelopmentFactory, developmentStrategy
-} from './development/index.js'
-/** @param {string} target */
-export function buildInjector (target) {
-  return {
-    strategy: developmentStrategy,
-    factory: new DevelopmentFactory()
-  }
-}

package/showcase/design/core/factories/standard.factory.js DELETED Viewed

@@ -1,19 +0,0 @@
-import { Routark } from '@knowark/routarkjs'
-export class StandardFactory {
-  /** @param {string} method */
-  extract (method) {
-    return this[`_${method}`]
-  }
-  _router () {
-    const design = process.env.ARK_DESIGN
-    return new Routark(window, `/${design}/`)
-  }
-}
-export const standardStrategy = {
-  Router: {
-    method: 'router'
-  }
-}

package/showcase/design/index.html DELETED Viewed

@@ -1,22 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-  <meta charset="utf-8">
-  <meta name="viewport" content="width=device-width,
-      initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
-  <title>Componark</title>
-  <link rel="stylesheet" href="https://unpkg.com/leaflet@1.7.1/dist/leaflet.css">
-  <link href="https://fonts.googleapis.com/css2?family=Material+Icons" rel="stylesheet">
-  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css"
-    integrity="sha512-HK5fgLBL+xu6dm/Ii3z4xhlSUyZgTT9tuc/hSrtw6uzJOvgRr2a9jyxxT1ely+B+xFAmJKVSTbpM/CuL7qxO8w=="
-    crossorigin="anonymous" />
-  <link href="https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;700&display=swap" rel="stylesheet">
-</head>
-<body>
-  <main></main>
-</body>
-</html>

package/showcase/design/index.js DELETED Viewed

@@ -1,7 +0,0 @@
-import { main } from './screens/main.js'
-// @ts-ignore
-// eslint-disable-next-line no-undef
-const target = TARGET
-main(target)

package/showcase/design/screens/base/audio/index.js DELETED Viewed

@@ -1,25 +0,0 @@
-import { AudioDemo } from './audioDemo.js'
-export function hub (parentResolver) {
-  const resolver = parentResolver.forge({
-    strategy: {
-      AudioDemo: {
-        method: 'component'
-      }
-    },
-    factory: new ComponentFactory()
-  })
-  return resolver.resolve('AudioDemo')
-}
-export class ComponentFactory {
-  /** @param {string} method */
-  extract (method) {
-    return this[`_${method}`]
-  }
-  _component () {
-    return new AudioDemo()
-  }
-}

package/showcase/design/screens/base/camera/index.js DELETED Viewed

@@ -1,25 +0,0 @@
-import { CameraDemo } from './cameraDemo.js'
-export function hub (parentResolver) {
-  const resolver = parentResolver.forge({
-    strategy: {
-      CameraDemo: {
-        method: 'component'
-      }
-    },
-    factory: new ComponentFactory()
-  })
-  return resolver.resolve('CameraDemo')
-}
-export class ComponentFactory {
-  /** @param {string} method */
-  extract (method) {
-    return this[`_${method}`]
-  }
-  _component () {
-    return new CameraDemo()
-  }
-}

package/showcase/design/screens/base/droparea/index.js DELETED Viewed

@@ -1,25 +0,0 @@
-import { DropareaDemo } from "./dropareaDemo.js"
-export function hub(parentResolver) {
-  const resolver = parentResolver.forge({
-    strategy: {
-      DropareaDemo: {
-        method: "component",
-      },
-    },
-    factory: new ComponentFactory(),
-  })
-  return resolver.resolve("DropareaDemo")
-}
-export class ComponentFactory {
-  /** @param {string} method */
-  extract(method) {
-    return this[`_${method}`]
-  }
-  _component() {
-    return new DropareaDemo()
-  }
-}

package/showcase/design/screens/base/index.js DELETED Viewed

@@ -1,42 +0,0 @@
-/** @typedef {import('./root.component').RootComponent} RootComponent */
-import './root.component.js'
-import { setRoutes } from './root.routes.js'
-export function hub (parentResolver, prefix) {
-  const resolver = parentResolver.forge({
-    strategy: {
-      RootComponent: {
-        method: 'rootComponent'
-      }
-    },
-    factory: new RootFactory(prefix)
-  })
-  const rootComponent = resolver.resolve('RootComponent')
-  setRoutes(resolver, rootComponent, prefix)
-  return rootComponent
-}
-export class RootFactory {
-  /** @param {string} prefix */
-  constructor (prefix) {
-    RootFactory.prefix = prefix
-    // @ts-ignore
-    this._rootComponent.prefix = prefix
-    // @ts-ignore
-    this._rootComponent.dependencies = []
-  }
-  /** @param {string} method */
-  extract (method) {
-    return this[`_${method}`]
-  }
-  _rootComponent () {
-    const rootComponent = /** @type {RootComponent} */
-      (document.createElement('app-root'))
-    return rootComponent.init({ path: RootFactory.prefix })
-  }
-}
-RootFactory.prefix = undefined

package/showcase/design/screens/base/list/index.js DELETED Viewed

@@ -1,25 +0,0 @@
-import { ListDemo } from './listDemo.js'
-export function hub (parentResolver) {
-  const resolver = parentResolver.forge({
-    strategy: {
-      ListDemo: {
-        method: 'component'
-      }
-    },
-    factory: new ComponentFactory()
-  })
-  return resolver.resolve('ListDemo')
-}
-export class ComponentFactory {
-  /** @param {string} method */
-  extract (method) {
-    return this[`_${method}`]
-  }
-  _component () {
-    return new ListDemo()
-  }
-}

package/showcase/design/screens/base/paginator/index.js DELETED Viewed

@@ -1,25 +0,0 @@
-import { PaginatorDemo } from './paginatorDemo.js'
-export function hub (parentResolver) {
-  const resolver = parentResolver.forge({
-    strategy: {
-      PaginatorDemo: {
-        method: 'component'
-      }
-    },
-    factory: new ComponentFactory()
-  })
-  return resolver.resolve('PaginatorDemo')
-}
-export class ComponentFactory {
-  /** @param {string} method */
-  extract (method) {
-    return this[`_${method}`]
-  }
-  _component () {
-    return new PaginatorDemo()
-  }
-}