semantic-ui-sass 2.4.3.0 → 2.4.4.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 6ad5b58124f5f3a139802d76c6bb5f0ddf64886fdf921a6bd5bc31d4bb2249d0
-  data.tar.gz: 396f3a31daf60fc2480e5c7e735fd702b00da584e622959883fa25041859bc5c
+  metadata.gz: a3f00aae59a977dfaf178f42ebefa9fb5b1a5de5f861da7a77ffd531b672c694
+  data.tar.gz: aab2b09fb6ac853ccd0209a764cf0320d85083554aceb1c04cd106f8eaa66290
 SHA512:
-  metadata.gz: e479ce5b0ac82389197efd278d95b781d3592ab049963d8d7dd5154a37ed4c4b842f4378184c6b22f2ada328ed688f5c0404a9b300430c6e689a9d977755bcdf
-  data.tar.gz: 9e1a360e178333324c7a535bc9db08bb21e9dc0c80f86a7fc38de3f549851b07086290952dfe4c1c6caf0b023491d33efb86d003253ceaff4d63e53fa9c240f9
+  metadata.gz: e23fa78e5d173a000019edb3fea7d2fead56fabab0a714baf61abbb60f270c6c5cb085ad9dc352ab1d281c56de74e0da29ec3ace8892851aaad70f751b65682e
+  data.tar.gz: 565777ec30e611b0ca3717a7c4f927c44e3654262cadc01fbf864f30649e7bf5f300aecbeb8f3616b285e31223a615e17093b233ec4c6ff4b1f6af1566aa7721

data/.gitignore

@@ -25,3 +25,5 @@ spec/dummy/log/*.log
 spec/dummy/tmp/
 spec/dummy/.sass-cache
 
+src
+node_modules

data/CHANGELOG.md

@@ -1,3 +1,7 @@
+## 2.4.4.0
+
+- Add npm package
+
 ## 2.4.3.0
 
 - Change from `sass-rails` to `sassc-rails` to correct deprecation usage

data/README.md

@@ -1,6 +1,8 @@
 # Semantic UI for Sass
 
-`semantic-ui-sass` is an Sass-powered version of [Semantic UI](https://github.com/Semantic-Org/Semantic-UI) and ready to drop into Rails, Compass, or Sprockets.
+`semantic-ui-sass` is an Sass-powered version of
+[Semantic UI](https://github.com/Semantic-Org/Semantic-UI) and ready to drop
+into Rails, Compass, or Sprockets.
 
 [![Build Status](https://travis-ci.org/doabit/semantic-ui-sass.svg?branch=master)](https://travis-ci.org/doabit/semantic-ui-sass)
 
@@ -14,22 +16,24 @@ The gem only has default theme.
 gem 'semantic-ui-sass'
 ```
 
-`bundle install` and restart your server to make the files available through the pipeline.
+`bundle install` and restart your server to make the files available through the
+pipeline.
 
 # semantic-ui-sass with Rails or Sprockets
 
 ## CSS
 
-Import Semantic in an SCSS file (for example, `application.css.scss`) to get all of Semantic's styles
+Import Semantic in an SCSS file (for example, `application.css.scss`) to get all
+of Semantic's styles
 
 ```css
-@import "semantic-ui";
+@import 'semantic-ui';
 ```
 
 You can also include modules
 
 ```css
-@import "semantic-ui/collections/menu";
+@import 'semantic-ui/collections/menu';
 ```
 
 ## Custom font
@@ -40,12 +44,14 @@ $font-url: 'http://fonts.useso.com/css?family=Lato:400,700,400italic,700italic&s
 ```
 
 ## Skip font loading
+
 ```css
 $import-google-fonts: false;
 @import 'semantic-ui';
 ```
 
 ## Custom font family
+
 ```css
 $font-family: 'custom-font-family';
 @import 'semantic-ui';
@@ -89,14 +95,16 @@ $widescreen-monitor-breakpoint: 1920px !default;
 
 ### Ruby on Rails Version 5
 
-We have a helper that includes all Semantic javascripts. Put this in your Javascript manifest (usually in `application.js`) to
+We have a helper that includes all Semantic javascripts. Put this in your
+Javascript manifest (usually in `application.js`) to
 
 ```js
 // Loads all Semantic javascripts
 //= require semantic-ui
 ```
 
-You can also load individual modules, provided you also require any dependencies.
+You can also load individual modules, provided you also require any
+dependencies.
 
 ```js
 //= require semantic-ui/modal
@@ -108,26 +116,30 @@ You can also load individual modules, provided you also require any dependencies
 Add packages with yarn:
 
 ```console
-yarn add jquery popper.js semantic-ui-sass
+yarn add jquery popper.js @doabit/semantic-ui-sass
 ```
 
 In config/webpack/environment.js add the following:
 
 ```js
-const webpack = require("webpack")
+const webpack = require('webpack')
 
-environment.plugins.append("Provide", new webpack.ProvidePlugin({
-  $: 'jquery',
-  jQuery: 'jquery',
-  Popper: ['popper.js', 'default']
-}))
-````
+environment.plugins.append(
+  'Provide',
+  new webpack.ProvidePlugin({
+    $: 'jquery',
+    jQuery: 'jquery',
+    Popper: ['popper.js', 'default']
+  })
+)
+```
 
 In app/javascript/packs/application.js add the following:
 
 ```js
-require("semantic-ui-sass")
-````
+import '@doabit/semantic-ui-sass'
+import '@doabit/semantic-ui-sass/src/scss/semantic-ui.scss'
+```
 
 # semantic-ui-sass with Compass
 
@@ -142,13 +154,16 @@ compass create compass-project -r semantic-ui-sass --using semantic-ui
 
 This will sort a few things out:
 
-* You'll get a starting `styles.scss`
-* You'll get a compiled stylesheet compiled & ready to drop into your application
-* We'll also copy the Semantic javascripts & images & fonts into their respective folders for you
+- You'll get a starting `styles.scss`
+- You'll get a compiled stylesheet compiled & ready to drop into your
+  application
+- We'll also copy the Semantic javascripts & images & fonts into their
+  respective folders for you
 
 ## Existing project
 
-Install the gem, add the require statement to the top of your configuration file, and install the extension.
+Install the gem, add the require statement to the top of your configuration
+file, and install the extension.
 
 ```console
 gem install semantic-ui-sass
@@ -165,7 +180,9 @@ compass install semantic-ui
 
 ### NOTE
 
-When using compass, you should visit file in local server, eg `http://localhost:3000/index.html`, rather than `file:///Users/doabit/demo/index.html`
+When using compass, you should visit file in local server, eg
+`http://localhost:3000/index.html`, rather than
+`file:///Users/doabit/demo/index.html`
 
 # Rails Helpers
 
@@ -217,8 +234,8 @@ semantic_icon('add', id: 'id')
 
 ## TODO
 
-* Add global variables
-* Add rails helpers like `render_flash`?
+- Add global variables
+- Add rails helpers like `render_flash`?
 
 ## Contributing
 

data/lib/semantic/ui/sass/version.rb

@@ -1,7 +1,7 @@
 module Semantic
   module Ui
     module Sass
-      VERSION = "2.4.3.0"
+      VERSION = "2.4.4.0"
       SEMANTIC_UI_SHA = "3989d7243c514f9018a55eb53cb34daf3bbf5a26"
     end
   end

data/package.json

@@ -0,0 +1,29 @@
+{
+  "name": "@doabit/semantic-ui-sass",
+  "version": "2.4.4",
+  "description": "semantic-ui-sass npm package",
+  "main": "src/semantic-ui.js",
+  "files": [
+    "src/**/*"
+  ],
+  "scripts": {
+    "prepublishOnly": "rm -rf src && yarn copy:js && yarn copy:css && yarn copy:assets && node ./script.js",
+    "copy:js": "cp -R app/assets/javascripts/semantic-ui src",
+    "copy:css": "cp -R app/assets/stylesheets/semantic-ui src/scss",
+    "copy:assets": "mkdir src/scss/assets && cp -R app/assets/fonts/semantic-ui src/scss/assets/fonts && cp -R app/assets/images/semantic-ui src/scss/assets/images"
+  },
+  "devDependencies": {},
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/doabit/semantic-ui-sass.git"
+  },
+  "keywords": [
+    "semantic-ui-sass"
+  ],
+  "author": "doabit",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/doabit/semantic-ui-sass/issues"
+  },
+  "homepage": "https://github.com/doabit/semantic-ui-sass#readme"
+}

data/script.js

@@ -0,0 +1,56 @@
+const jsContent = `import './api.js'
+import './colorize.js'
+import './form.js'
+import './state.js'
+import './visibility.js'
+import './visit.js'
+import './site.js'
+import './accordion.js'
+import './checkbox.js'
+import './dimmer.js'
+import './dropdown.js'
+import './embed.js'
+import './modal.js'
+import './nag.js'
+import './popup.js'
+import './progress.js'
+import './rating.js'
+import './search.js'
+import './shape.js'
+import './sidebar.js'
+import './sticky.js'
+import './tab.js'
+import './transition.js'
+`
+// create semantic-ui.js
+const fs = require('fs')
+
+fs.writeFile('./src/semantic-ui.js', jsContent, err => {
+  if (err) console.log('create semantic-ui.js fail', err)
+})
+
+// create semantic-ui.scss
+const cssContent = `@import './globals/all';
+@import './elements/all';
+@import './collections/all';
+@import './views/all';
+@import './modules/all';
+`
+fs.writeFile('./src/scss/semantic-ui.scss', cssContent, err => {
+  if (err) console.log('create semantic-ui.scss fail', err)
+})
+
+// replace image-url and font-url
+fs.writeFileSync(
+  './src/scss/elements/_icon.scss',
+  fs
+    .readFileSync('./src/scss/elements/_icon.scss', 'utf8')
+    .replace(/font-url\(\"semantic-ui/g, `url("assets/fonts`)
+)
+
+fs.writeFileSync(
+  './src/scss/elements/_flag.scss',
+  fs
+    .readFileSync('./src/scss/elements/_flag.scss', 'utf8')
+    .replace(/image-url\(\"semantic-ui/g, `url("assets/images`)
+)

data/yarn.lock

@@ -0,0 +1,4 @@
+# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
+# yarn lockfile v1
+
+

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: semantic-ui-sass
 version: !ruby/object:Gem::Version
-  version: 2.4.3.0
+  version: 2.4.4.0
 platform: ruby
 authors:
 - doabit
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2021-05-26 00:00:00.000000000 Z
+date: 2021-06-18 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -271,6 +271,8 @@ files:
 - lib/semantic/ui/sass/breadcrumbs.rb
 - lib/semantic/ui/sass/engine.rb
 - lib/semantic/ui/sass/version.rb
+- package.json
+- script.js
 - semantic-ui-sass.gemspec
 - spec/dummy/README.rdoc
 - spec/dummy/Rakefile
@@ -317,6 +319,7 @@ files:
 - tasks/converter.rb
 - templates/project/manifest.rb
 - templates/project/styles.scss
+- yarn.lock
 homepage: http://github.com/doabit/semantic-ui-sass
 licenses:
 - MIT