vipassana-design-standards 0.0.21 → 0.0.22

package/dist/fonts/OFL.txt

@@ -0,0 +1,93 @@
+Copyright (c) 2010-2014 by tyPoland Lukasz Dziedzic (team@latofonts.com) with Reserved Font Name "Lato"
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+http://scripts.sil.org/OFL
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded, 
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.

package/dist/js/{helper.js → helpers.js}

@@ -8,7 +8,7 @@ function vdsAssetUrl(path, localhost = false) {
   // For localhost dev, just run vscode liveserver
   if (localhost) return `http://localhost:5500/dist/${path}`
 
-  return `https://design-standards.dhamma.org/dist/0.0.21/${path}`
+  return `https://design-standards.dhamma.org/dist/0.0.22/${path}`
 }
 
 function stylesheetLinkTag(url) {
@@ -19,18 +19,10 @@ function StylesheetLinkTag({url}) {
   return <link rel="stylesheet" type="text/css" href={url} />
 }
 
-function javascriptIncludeTag(url) {
-  return `<script type="text/javascript" src="${url}"></script>`
-}
-
 export function vdsFaviconTag() {
   return `<link rel="shortcut icon" type="image/x-icon" href="https://design-standards.dhamma.org/dist/favicon.png">`
 }
 
-export function VdsFaviconTag() {
-  return <link rel="shortcut icon" type="image/x-icon" href="https://design-standards.dhamma.org/dist/favicon.png" />
-}
-
 export function vdsBootstrapThemeCssTag(locale, localhost = false) {
   let tags = [
     stylesheetLinkTag(vdsAssetUrl(`css/bootstrap5-theme${isRtl(locale) ? '.rtl' : ''}.min.css`, localhost))
@@ -54,12 +46,8 @@ export function vdsBootstrapThemeJsTag(locale, localhost = false) {
   return javascriptIncludeTag(vdsAssetUrl("js/bootstrap5-theme.min.js", localhost))
 }
 
-export function VdsBootstrapThemeJsTag({ localhost = false }) {
-  const url = vdsAssetUrl("js/bootstrap5-theme.min.js", localhost)
-  return <script type="text/javascript" src={url}></script>
-}
-
 export function vdsLogo({locale, disposition = "default", size = '18', tagline = true, dark = false}) {
+  locale = locale.split("-")[0]
   let trans = i18n[locale] || i18n.en
 
   if (disposition == "mobile") {
@@ -89,34 +77,6 @@ export function vdsLogo({locale, disposition = "default", size = '18', tagline =
   `
 }
 
-export function VdsLogo({locale, disposition = "default", size = '18', tagline = true, dark = false}) {
-  let trans = i18n[locale] || i18n.en
-
-  if (disposition == "mobile") {
-    disposition = "left-two-lines"
-    tagline = false
-  }
-
-  return <div className="vipassana-logo"
-      data-disposition={disposition}
-      data-tagline={tagline}
-      data-dark-mode={dark}
-      data-reverse={trans.reverse}
-      style={{fontSize: `${size}px`}}>
-    <img className="logo-wheel" src="https://design-standards.dhamma.org/dist/dhamma-wheel.svg" />
-    <div className="logo-text">
-      <h1 className="logo-title">
-        <span data-start-with={trans.vipassana_meditation.charAt(0).toLowerCase()}>
-          {trans.vipassana_meditation}
-        </span>
-        <span className="logo-space">&nbsp;</span>
-        <span>{trans.as_taught}</span>
-      </h1>
-      <div className="logo-subtitle">{trans.in_the_tradition}</div>
-    </div>
-  </div>
-}
-
 // Some icons from bootstrap icons, so all websites use the same
 export function vdsIconLocale() {
   return `
@@ -127,13 +87,6 @@ export function vdsIconLocale() {
   `
 }
 
-export function VdsIconLocale({size = 1.2}) {
-  return <svg xmlns="http://www.w3.org/2000/svg" width={`${size}em`} height={`${size}em`} fill="currentColor" viewBox="0 0 16 16">
-    <path d="M4.545 6.714 4.11 8H3l1.862-5h1.284L8 8H6.833l-.435-1.286H4.545zm1.634-.736L5.5 3.956h-.049l-.679 2.022H6.18z"/>
-    <path d="M0 2a2 2 0 0 1 2-2h7a2 2 0 0 1 2 2v3h3a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-3H2a2 2 0 0 1-2-2V2zm2-1a1 1 0 0 0-1 1v7a1 1 0 0 0 1 1h7a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H2zm7.138 9.995c.193.301.402.583.63.846-.748.575-1.673 1.001-2.768 1.292.178.217.451.635.555.867 1.125-.359 2.08-.844 2.886-1.494.777.665 1.739 1.165 2.93 1.472.133-.254.414-.673.629-.89-1.125-.253-2.057-.694-2.82-1.284.681-.747 1.222-1.651 1.621-2.757H14V8h-3v1.047h.765c-.318.844-.74 1.546-1.272 2.13a6.066 6.066 0 0 1-.415-.492 1.988 1.988 0 0 1-.94.31z"/>
-  </svg>
-}
-
 export function vdsIconAccount() {
   return `
     <svg xmlns="http://www.w3.org/2000/svg" width="2.2em" height="2.2em" fill="currentColor" viewBox="0 0 16 16">
@@ -143,13 +96,6 @@ export function vdsIconAccount() {
   `
 }
 
-export function VdsIconAccount({size = 2.2}) {
-  return <svg xmlns="http://www.w3.org/2000/svg" width={`${size}em`} height={`${size}em`} fill="currentColor" viewBox="0 0 16 16">
-    <path d="M11 6a3 3 0 1 1-6 0 3 3 0 0 1 6 0z"/>
-    <path fill-rule="evenodd" d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8zm8-7a7 7 0 0 0-5.468 11.37C3.242 11.226 4.805 10 8 10s4.757 1.225 5.468 2.37A7 7 0 0 0 8 1z"/>
-  </svg>
-}
-
 export function vdsIconMenu() {
   return `
     <svg xmlns="http://www.w3.org/2000/svg" width="1.8em" height="1.8em" fill="currentColor" viewBox="0 0 16 16">
@@ -157,9 +103,3 @@ export function vdsIconMenu() {
     </svg>
   `
 }
-
-export function VdsIconMenu({size = 1.8}) {
-  return <svg xmlns="http://www.w3.org/2000/svg" width={`${size}em`} height={`${size}em`} fill="currentColor" viewBox="0 0 16 16">
-    <path fill-rule="evenodd" d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z"/>
-  </svg>
-}

package/dist/js/i18n.js

@@ -27,6 +27,13 @@ export default {
     "in_the_tradition": "podle Tradice Sayagyi U Ba Khin",
     "full": "Meditace vipassana, jak ji vyučuje S. N. Goenka podle tradice Sayagyi U Ba Khina"
   },
+  "da": {
+    "language": "Danish",
+    "vipassana_meditation": "Vipassana Meditation",
+    "as_taught": "om undervist i af S.N. Goenka",
+    "in_the_tradition": "i Sayagyi U Ba Khins tradition",
+    "full": "Vipassana Meditation som undervist i af S.N. Goenka i Sayagyi U Ba Khins tradition"
+  },
   "de": {
     "language": "German",
     "vipassana_meditation": "Vipassana Meditation",
@@ -276,6 +283,13 @@ export default {
     "vipassana_as_taught": "S.N. Goenka tarafından öğretilen Vipassana Meditasyonu",
     "full": "Sayagyi U Ba Khin Geleneğinde S.N. Goenka tarafından öğretilen Vipassana Meditasyonu"
   },
+  "uk": {
+    "language": "Ukrainian",
+    "vipassana_meditation": "Медитація Віпасана",
+    "as_taught": "як їй навчає С.Н.Ґоєнка",
+    "in_the_tradition": "в традиції Саяджі У Ба Кхіна",
+    "full": "Медитація Віпасана як їй навчає С.Н.Ґоєнка в традиції Саяджі У Ба Кхіна"
+  },
   "vi": {
     "language": "Vietnamese",
     "vipassana_meditation": "Thiền Vipassana",

package/dist/js/react-helpers.jsx

@@ -0,0 +1,83 @@
+import i18n from './i18n.js'
+
+function isRtl(locale) {
+  return ['ar', 'fa', 'he'].includes(locale)
+}
+
+function vdsAssetUrl(path, localhost = false) {
+  // For localhost dev, just run vscode liveserver
+  if (localhost) return `http://localhost:5500/dist/${path}`
+
+  return `https://design-standards.dhamma.org/dist/0.0.22/${path}`
+}
+
+function StylesheetLinkTag({url}) {
+  return <link rel="stylesheet" type="text/css" href={url} />
+}
+
+export function VdsFaviconTag() {
+  return <link rel="shortcut icon" type="image/x-icon" href="https://design-standards.dhamma.org/dist/favicon.png" />
+}
+
+export function VdsBootstrapThemeCssTag({ locale, localhost = false }) {
+  const url = vdsAssetUrl(`css/bootstrap5-theme${isRtl(locale) ? '.rtl' : ''}.min.css`, localhost)
+  return <>
+    <StylesheetLinkTag url={url}/>
+    {['gu', 'ja', 'km'].includes(locale) && <StylesheetLinkTag url={vdsAssetUrl(`css/fonts-${locale}.min.css`)}/>}
+  </>
+}
+
+export function VdsBootstrapThemeJsTag({ localhost = false }) {
+  const url = vdsAssetUrl("js/bootstrap5-theme.min.js", localhost)
+  return <script type="text/javascript" src={url}></script>
+}
+
+export function VdsLogo({locale, disposition = "default", size = '18', tagline = true, dark = false}) {
+  locale = locale.split("-")[0]
+  let trans = i18n[locale] || i18n.en
+
+  if (disposition == "mobile") {
+    disposition = "left-two-lines"
+    tagline = false
+  }
+
+  return <div className="vipassana-logo"
+      data-disposition={disposition}
+      data-tagline={tagline}
+      data-dark-mode={dark}
+      data-reverse={trans.reverse}
+      style={{fontSize: `${size}px`}}>
+    <img className="logo-wheel" src="https://design-standards.dhamma.org/dist/dhamma-wheel.svg" />
+    <div className="logo-text">
+      <h1 className="logo-title">
+        <span data-start-with={trans.vipassana_meditation.charAt(0).toLowerCase()}>
+          {trans.vipassana_meditation}
+        </span>
+        <span className="logo-space">&nbsp;</span>
+        <span>{trans.as_taught}</span>
+      </h1>
+      <div className="logo-subtitle">{trans.in_the_tradition}</div>
+    </div>
+  </div>
+}
+
+// Some icons from bootstrap icons, so all websites use the same
+export function VdsIconLocale({size = 1.2}) {
+  return <svg xmlns="http://www.w3.org/2000/svg" width={`${size}em`} height={`${size}em`} fill="currentColor" viewBox="0 0 16 16">
+    <path d="M4.545 6.714 4.11 8H3l1.862-5h1.284L8 8H6.833l-.435-1.286H4.545zm1.634-.736L5.5 3.956h-.049l-.679 2.022H6.18z"/>
+    <path d="M0 2a2 2 0 0 1 2-2h7a2 2 0 0 1 2 2v3h3a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-3H2a2 2 0 0 1-2-2V2zm2-1a1 1 0 0 0-1 1v7a1 1 0 0 0 1 1h7a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H2zm7.138 9.995c.193.301.402.583.63.846-.748.575-1.673 1.001-2.768 1.292.178.217.451.635.555.867 1.125-.359 2.08-.844 2.886-1.494.777.665 1.739 1.165 2.93 1.472.133-.254.414-.673.629-.89-1.125-.253-2.057-.694-2.82-1.284.681-.747 1.222-1.651 1.621-2.757H14V8h-3v1.047h.765c-.318.844-.74 1.546-1.272 2.13a6.066 6.066 0 0 1-.415-.492 1.988 1.988 0 0 1-.94.31z"/>
+  </svg>
+}
+
+export function VdsIconAccount({size = 2.2}) {
+  return <svg xmlns="http://www.w3.org/2000/svg" width={`${size}em`} height={`${size}em`} fill="currentColor" viewBox="0 0 16 16">
+    <path d="M11 6a3 3 0 1 1-6 0 3 3 0 0 1 6 0z"/>
+    <path fillRule="evenodd" d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8zm8-7a7 7 0 0 0-5.468 11.37C3.242 11.226 4.805 10 8 10s4.757 1.225 5.468 2.37A7 7 0 0 0 8 1z"/>
+  </svg>
+}
+
+export function VdsIconMenu({size = 1.8}) {
+  return <svg xmlns="http://www.w3.org/2000/svg" width={`${size}em`} height={`${size}em`} fill="currentColor" viewBox="0 0 16 16">
+    <path fillRule="evenodd" d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z"/>
+  </svg>
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vipassana-design-standards",
-  "version": "0.0.21",
+  "version": "0.0.22",
   "description": "Vipassana design standards materials",
   "homepage": "https://design-standards.dhamma.org",
   "author": "Dhamma Workers",
@@ -8,10 +8,12 @@
     "@popperjs/core": "^2.9.1",
     "bootstrap5": "npm:bootstrap@5"
   },
-  "js": "dist/js/helper.js",
   "files": [
     "dist/js",
-    "dist/css"
+    "dist/css",
+    "dist/fonts",
+    "dist/dhamma-wheel.svg",
+    "dist/favicon.png"
   ],
   "scripts": {
     "build-sass": "sass --load-path=node_modules src/stylesheets/bootstrap5-theme.scss dist/css/bootstrap5-theme.css && sass src/stylesheets/fonts.scss dist/css/fonts.css && sass src/stylesheets/logo.scss dist/css/logo.css",
@@ -21,7 +23,7 @@
     "build-css": "rm -f dist/css/* && npm run build-fonts && npm run build-sass && npm run build-rtl && npm run build-min",
     "build-js": "rm -f dist/js/* && npm run build-js-bootstrap && npm run build-js-helper",
     "build-js-bootstrap": "concat -o dist/js/bootstrap5-theme.min.js node_modules/bootstrap5/dist/js/bootstrap.bundle.min.js src/javascripts/auto-resize.js && cp node_modules/bootstrap5/dist/js/bootstrap.bundle.min.js.map dist/js/bootstrap5-theme.min.js.map",
-    "build-js-helper": "cp src/javascripts/helper.js dist/js && cp src/javascripts/i18n.js dist/js && node replace-version.js",
+    "build-js-helper": "cp src/javascripts/helpers.js dist/js && cp src/javascripts/react-helpers.jsx dist/js && cp src/javascripts/i18n.js dist/js && node replace-version.js",
     "build": "npm run build-css && npm run build-js",
     "dist": "npm run build && npm run dist-version-folder && npm publish && npm run dist-gem",
     "dist-gem": "gem build vipassana-design-standards.gemspec && gem push vipassana-design-standards-$npm_package_version.gem && rm vipassana-design-standards-$npm_package_version.gem",